【Android】webview页面调试总结
背景描述:当我们使用IDE写app时,原生app里面嵌入webview页面,但是这个页面不好调试,这个时候我们就借用谷歌浏览器来进行调试在Android端 webview页面增加配置代码,是webview可以调试wv.setWebContentsDebuggingEnabled(true);//wv是webview显示的页面在浏览器地址栏输入 chrome://inspect/#devices ,
·
背景描述:当我们使用IDE写app时,原生app里面嵌入webview页面,但是这个页面不好调试,这个时候我们就借用谷歌浏览器来进行调试
- 在Android端 webview页面增加配置代码,是webview可以调试
wv.setWebContentsDebuggingEnabled(true); //wv是webview显示的页面
-
在浏览器地址栏输入
chrome://inspect/#devices,打开页面
-
找到对应的webview的链接地址,点击下面的
inspect,就会打开调试页面 -
注意:此时我们的手机要和电脑相连并开启usb调试,同时运行app,打开webview页面
问题:当我们首次打开调试页面时,可能会出现空白页或者是404(我的出现了404),此时有几种方式解决:
- 去https://chrome-devtools-frontend.appspot.com下载文件,但是这个需要梯子
- 网上有一些插件可以帮助解决这个问题
- 进行host配置,方法来自调试android webview html页面 遇到404的问题
我使用了第三种方法,原理不清楚,有什么相关的影响也不清楚,但是目前404的问题是解决了
- 首先到这个网页 http://tool.chinaz.com/speedworld/,输入
chrometophone.appspot.com,找到比较快的一个ip - 在电脑中找到文件
hosts,地址是C:\Windows\System32\drivers\etc,记事本打开,然后添加
142.250.72.148 chrome-devtools-frontend.appspot.com
142.250.72.148 chrometophone.appspot.com
ip是上一步自己找到比较快的ip
完结撒花~
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)