如何进行手机web远程调试——chrome beta

源地址:http://hi.baidu.com/liulangyu90316/item/a6d721ff50a7ae723d198bbd

在手机上进行web开发，经常遇到的问题就是如何进行调试，下面会介绍如何在chrome beta上进行远程调试。

一，手机设置

最新版的手机版chrome beta，支持android4，并且提供了远程调试功能，具体的设置在：设置--开发人员工具-启用USB网页调试，见下图

2，安装android sdk，下载地址：http://developer.android.com/sdk/index.html，然后打开SDK Manager.exe，勾选tools，更新安装。

3，数据线连接手机，并且开启调试模式，然后打开命令行，cd到android sdk文件夹下面的platform-tools，输入 adb forward tcp:9222 localabstract:chrome_devtools_remote，出现提示* daemon started successfully *，此时，服务已经成功开启。

4，上面的配置好了后，在chrome beta上面，访问需要调试的网页，例如http://www.baidu.com/，然后在pc上面的chrome浏览器里输入http://localhost:9222/，可以看到下图的界面：

此处会列出chrome beta上打开的所有页面，点击此界面即可进入调试页面。（说明：此处可能会出现连接中断，无法访问的问题，只需要在命令行重新开启服务即可）

5，调试配置。点击后，会跳转到一个界面，本例中url为http://chrome-devtools-frontend.appspot.com/static/18.0.1025.133/devtools.html?host=localhost:9222&page=1，不过appspot.com现在已经被GFW墙了，因此是访问不到的，最简单的方法就是通过hosts的定向功能将appsopt手动定向到ghs.google.com的存活ip，此ip现在为203.208.46.178，因此只需要在hosts后面添加一行203.208.46.178  chrome-devtools-frontend.appspot.com即可（hosts路径为C:\Windows\System32\drivers\etc）。

6，最终的调试界面为

在此处的任何修改，手机页面上都可以看得到。