独角兽企业重金招聘Python工程师标准>>>
源地址:/liulangyu90316/item/a6d721ff50a7ae723d198bbd
在手机上进行web开发,经常遇到的问题就是如何进行调试,下面会介绍如何在chrome beta上进行远程调试。
一,手机设置
最新版的手机版chrome beta,支持android4,并且提供了远程调试功能,具体的设置在:设置--开发人员工具-启用USB网页调试,见下图
2,安装android sdk,下载地址:/sdk/index.html,然后打开SDK Manager.exe,勾选tools,更新安装。
3,数据线连接手机,并且开启调试模式,然后打开命令行,cd到androidsdk文件夹下面的platform-tools,输入adb forward tcp:9222 localabstract:chrome_devtools_remote,出现提示* daemon started successfully *,此时,服务已经成功开启。
4,上面的配置好了后,在chrome beta上面,访问需要调试的网页,例如/,然后在pc上面的chrome浏览器里输入http://localhost:9222/,可以看到下图的界面:
此处会列出chrome beta上打开的所有页面,点击此界面即可进入调试页面。(说明:此处可能会出现连接中断,无法访问的问题,只需要在命令行重新开启服务即可)
5,调试配置。点击后,会跳转到一个界面,本例中url为http://chrome-devtools-/static/18.0.1025.133/devtools.html?host=localhost:9222&page=1,不过现在已经被GFW墙了,因此是访问不到的,最简单的方法就是通过hosts的定向功能将appsopt手动定向到的存活ip,此ip现在为203.208.46.178,因此只需要在hosts后面添加一行203.208.46.178 chrome-devtools-即可(hosts路径为C:\Windows\System32\drivers\etc)。
6,最终的调试界面为
在此处的任何修改,手机页面上都可以看得到。
如果觉得《如何进行手机web远程调试——chrome beta》对你有帮助,请点赞、收藏,并留下你的观点哦!