通过Chrome实时调试webview

最近帮忙指导一个内部混合开发的项目，由于需要实时去看网络请求和页面。正好用到下面的方法帮助调试开发。

为了方便webview的动态调试，googl官方提供了一个好用的调试途径，即使用Google浏览器调试Android端的webview页面

方法

1.确保pc的adb环境

不懂的请看https://blog.csdn.net/zmeilin/article/details/89317269

2.手机开启开发者模式，并且Usb 连接到电脑

3.Android工程里的webView代码 开启调试模式

mWebView.setWebContentsDebuggingEnabled(true);

修改好，重新编译并安装到手机上

4.使用Chrome 浏览器打开调试地址 chrome://inspect/#devices

Chrome会自动检测手机上打开的App，并列出可调试的WebView页面，如图：

5.点击Inspect，弹出开发者工具进行调试

可能遇到的问题

有的小伙伴可能会由于无法访问 https://chrome-devtools-frontend.appspot.com，遇到弹出弹框是白屏

或者404

解决方法

科学上网（Android开发者有时还是得有身翻墙绝技的）

该方法解决问题最有效且便利