android 设备在线调试h5

准备工作：
1.pc 端安装一个chrome 内核的浏览器（不一定非要google 的
chrome 浏览器，chrome 内核的浏览器即可）,第1 次调试把浏览器
代理打开，确定可以访问google (下载驱动)
2.Android 手机（系统版本大于等于4.4），打开开发者模式，并允
许USB 调试。Usb 连接选择传输文件模式，将手机与电脑相连，手
机和pc 用同一个wifi 。
3.如果是调试非系统应用，编译打包apk 前，将对应的webview 设
置成调试模式均可。持续集成（Jenkins）对应的电脑被误操作重装系统了，年后
有资源的情况下，重新配置环境，再搞一遍，到时大家谁想调试，直
接选分支编译apk,安装在手机上即可调试。
如何调试：
4.打开浏览器输入chrome://inspect/#devices ，勾选“发现USB
设备”前的复选框
5.操作手机上的h5 页面，会看到对应设备及调试的h5 页面
6.点击inspect 进行相关调试
备注：
1.部分pc 浏览器或者android webview 版本等因素，可能调试过程中出现若干兼容性问题，
eg.点击inspect 出现白屏等，可以联系Android rd 协助排查问题
2.Ios 调试h5 操作类似，打开真机或者模拟器的开发者模式，同时在setting 选项里面的
safari 打开web Inspector 选项。在mac 上打开safari 的偏好设置，打开开发选项，在模拟
器运行的时候打开webView就可以看到里面的Simulator就可以打开webView的调试界面，
3.Android 这边也可以手机上安装chrome 浏览器调试，或者部分互联网公司会自研调试工
具，提升调试效率及方便rd 调试。后期有机会找到更好的插件或其他资源，后期再分享。

4. Chrome Inspect不显示Webview页面的问题总结

4.1 ）Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法（不需要FQ）

4.2）多个设备调试永不过期

4.3）Chrome Inspect不显示Webview页面的问题总结

4.4）白屏问题
(https://blog.csdn.net/lxiang222/article/details/110143219)