java 发表于 2017-8-17 10:13:59

使用PC上的 Chrome 远程调试手机端的页面

本帖最后由 java 于 2017-8-17 10:47 编辑

工具准备
[*]手机端:chrome for Android,;
[*] PC端:安装谷歌浏览器(最好是最新版的开发者版本)
[*]USB 连接线, 也就是你充电器的那条线
开启调试模式使用 USB 连接你的电脑,并开启调试模式。 使用 Android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次,然后返回开发者选项就可以了。查找 USB 设备 (Enable USB discovery in Chrome)在你的桌面版的 chrome ,打开 菜单 > 更多工具 > 开发者工具 -->菜单 --> more tools -> Remote devices。 勾选Discover USB devices。稍等片刻,你的手机会提示你是否允许调试,接受调试即可。接受调试后,可能需要等一下 chrome 才能检测到你的手机。如果没有检测到,可以试一下重启浏览器。调试在 New tab 旁输入一个网址,然后点击 Open。此页面将在 Android 设备上的新标签中打开。检测到你的手机后,点击 inspect,弹出开发者工具,这样你就可以像调试桌面页面那样调试手机页面。
http://static.allenice233.com/image/blog/chrome-remote-debug.pngchrome 远程调试



java 发表于 2017-8-17 10:39:50

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
页: [1]
查看完整版本: 使用PC上的 Chrome 远程调试手机端的页面