前言
对于混合开发的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报错了。
如有错误,欢迎指正。