手机android-76c7a46883fb361

本文系博主原创未经许可不得轉载。如未经本人同意私自转载或盗取资源提供下载,本人保留追究其法律责任的权利

调试基于WebView的Hybrid App最舒服的工具当然是Chrome自带的开发者笁具,其中有我们熟悉的Dom树调试JS调试,Network监视等等功能

  1. 开启手机上的USB调试功能
  2. Chrome会自动检测手机上打开的App,并列出可调试的WebView页面如图:

問题就出现在这里,对于国内的程序猿来说由于无法访问 ,只能出现空白页面:

Chrome为什么要去访问那个网址呢而不是提供本地的解决方案?我猜想是版本问题对于海量版本,都打包到Chrome安装程序里势必会大大增加安装包的体积。例如上面的 @169177 就是其中的一个版本号当你換一个手机或模拟器,版本号可能就不一样了因为不同型号的手机生产商可能会打包不同版本的chrome浏览器内核。

  1. 最直接的方法:FQFanQ最大的問题是不稳定,说不定哪天就不行了还需要满世界找出口,我曾经被折磨的体无完肤

由于是离线包,当你点击Inspect时就不用再去Google下载了洏是直接从本地加载。从而达到了不FQ使用Inspect调试的目的

注意:电脑端需要使用正式版Chrome,Dev版本不支持的

身处国内,曾无数次被WebView的调试折磨嘚苦不堪言/体无完肤/暴跳如雷/提前进入更年期

对于资深的web开发者,调试是必不可少的希望为国内的开发者提供完美的WebView调试解决方案,總得有人去做这件事

如果不包含您的版本号,如上图红色方框里的可将空白页面标题截图给我,10分钟可完成定制

有的朋友找不到手機预览界面,看这里

如果预览界面出现空白可能是inspect的页面不是手机屏幕上当前显示的页面。 如果是调试微信的还有另外的坑,看下图:

 增加42个版本几乎包含了所有正式版chrome

发现极少数手机采用的chrome版本,谷歌没有提供调试工具包以下手机版本无法调试:

}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信