点击inspect 科学上网(翻墙)的情况下可以出现调试界面,如果webview的版本高于本地PC端 Chrome的版本可以点击inspect fallback 调试。
注意:点击inspect去https://chrome-devtools-frontend.appspot.com下载资源,但是没有翻墙的情况下访问如下:
网上也有人提出了离线缓存调试的方案,核心的思想把访问https://chrome-devtools-frontend.appspot.com下载资源的缓存给存储到Chrome的缓存中: /用户/xxx/资源库/ApplicationSupport/Google/Chrome/Default/
但是这种缓存的更新跟webview的版本不同而不同,而且缓存也比较容易被覆盖。尝试过网络上现有的离线缓存方案,本人并未成功过离线案例,也不清楚离线的缓存具体是哪里下载的。
根据目前的问题和结合调研的结果提出以下调试方案:
方案一:如果有条件翻墙,请点击inspect来翻墙调试
方案二:如果webview的版本高于Chrome的版本就可以使用inspect fallback 调试,可以尝试降低pc端的Chrome版本( Webview版本(70.0.3538.110)高于pc端的Chrome版本(70.0.3538.77)测试是可以)
方案三、借用三方的调试工具(组内测试是可出现调试框)
https://plus.ucweb.com/?spm=ucplus.11213647.c-header-logo.1.1f264e7dlesYmB下载 UC 浏览器开发者工具在设置可以选择本地
可以参考https://plus.ucweb.com/docs/pwa/docs-zh/oo3g8d?spm=ucplus.11213647.toc.10.22084ed0M8lHVo
方案四:使用winre三方工具
weinre能做的事情
Element:查看/修改dom,查看/修改dom CSS
Resources:查看/修改localStorage, sessionStorage
Network:查看网络请求
Timeline:
Console:查看控制台输出
weinre不能做事情
js调试
无法断点
1、安装weinre
npm install -g weinre
2、查看ip地址
ipconfig getifaddr en0
3、查看版本
weinre -v
参考:https://blog.csdn.net/seanxwq/article/details/80763861
总结:鉴于公司的制度不能翻墙,可以尝试着使用方案二降低Chrome的版本,但是由于Android机器的webview的版本并非固定的,此方案也并不是稳定的。如果方案二不行可以试着使用方案三。实在不行就请使用科学上网调试(你懂的)。
PS:UC 浏览器开发者工具在国内的几个同事测试不用翻墙是可以使用,Chrome的调试在某些机型存在兼容性问题,可以尝试使用UC调试工具。