android下chrome调试手机网页的方法
论语曰“工欲善其事,必先利其器”！页面开发由于语言的特殊性，调试本身就有居多不便，在没有firebug和chrome开发者工具之前，简直就是噩梦。移动网页开发，调试比桌面网页开发难度更大。本文将在android平台和大家分享手机网页的调试方法。
准备：
1、Android SDK
2、桌面chrome(PC版)
3、android手机+移动chrome(Android 4.0系统以上版本)
步骤：
(一)、安装Android SDK
参考：我的另一篇文章：http://www.2fz1.com/?p=318
官网文档：http://developer.android.com/sdk/installing/installing-adt.html#Download
Tips:建议将adb.exe加入到环境变量，打开cmd窗口，输入adb，如果没有报错，说明adb.exe加入到环境变量了。
(二)、用USB连接手机和电脑，并将手机打开“USB调试”模式
(三)、打开移动chrome，点击菜单键->设置->开发者工具->启用USB网页调试。
(四)、在CMD窗口输入
adb forward tcp:9222 localabstract:chrome_devtools_remote
(五)、打开PC上的chrome，输入
然后选择对应的手机页面，打开F12，和电脑网页一样调试。
但该方法需要使用http://chrome-devtools-frontend.appspot.com来代理页面，但这个域名可能需要翻墙，至少我这边访问不了。
参考文档：
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
最后修改时间：2014年9月10日星期三下午4点55