远程调试 Hybrid App

使用 Chrome 浏览器在电脑上调试 Hybrid App 的内容

发现 Android 设备

1.在 Android 设备中开启“开发人员模式”
2.在调试选项中设置“启用USB 调试”
3.在电脑上打开 Chrome 然后打开 DevTools,要打开 DevTools 有两种方式:
3.1.直接在 Chrom 中打开以下地址:chrome://inspect
3.2.打开以下位置:

*确保勾选 Discover USB devices 复选框

4.使用 USB 电缆将 Android 设备直接连接到电脑
如果 Android 设备的型号名称下显示绿色圆点和 Connected 文本,则表示 DevTools 已与设备成功建立连接

在电脑上调试 Android 设备上的内容

1.在 Android 设备上打开你的 Hybrid App
2.在 DevTools 中找到你打开的页面

3.点击 Inspect 这将打开一个新的浏览器界面,界面中显示了 Hybrid App 的页面,现在你可以像调试普通 Web 程序一样对 Hybrid App 进行调试

错误排除

DevTools 检测不到 Android 设备

1.在手机上撤销 USB 调试授权
2.在 \sdk\platform-tools 目录执行以下语句

1
adb devices

3.重新插拔 Android 设备
4.在弹出的对话框中允许 USB 调试

打开 inspect 显示 404 错误

1.在 Android 设备上安装 Chrom 浏览器,并将“开发人员选项”下的 WebView 实现更改为“Google WebView”
2.科学上网

参考

Android 设备的远程调试入门
访问本地服务器
远程调试 WebView