利用Chrome Edge浏览器调试AndroidWebView

前言

对于混合开发的app来说，查看webView的一些报错信息是很重要的一个技巧。虽然android的WebView对于报错信息的提示并不是非常友好，好在有第三方工具可以使用。

Chrome浏览器

1. 输入chrome://inspect

打开chrome浏览器输入chrome://inspect即可进入调试页面

在Devices选项中，可以看到要调试的设备（手机已经通过USB调试连接到电脑上）和要调试的页面（手机已经打开要调试的WebView页面）。

2.点击inspect

点击要调试页面的左下角inspect按钮即可开始调试页面

可惜的是，chrome浏览器会报这个错误，因为国内的网络无法访问 https://chrome-devtools-frontend.appspot.com 如果你有VPN那就不会报这个错误。可以正常调试。如果没有VPN，那就用edge。

Edge浏览器

edge和chrome操作方法类似，只是输入的地址不一样。edge输入edge://inspect

输入edge://inspect/

和chrome一样的调试页面。

点击inspect按钮

可以看到前端朋友非常熟悉的调试页面了。

总结

有了这个工具，再也不怕混合开发WebVIew报错了。

如有错误，欢迎指正。