MyException - 我的异常网
当前位置:我的异常网» Web前端 » Android通过Chrome Inspect调试WebView的H5 App出现

Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决办法(不需要FQ)

www.MyException.Cn  网友分享于:2013-10-08  浏览:0次
Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)

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

Google提供的调试Android上WebView的步骤:

  1. 开启手机上的USB调试功能
  2. 打开Chrome浏览器,地址栏输入:Chrome://inspect,回车
  3. Chrome会自动检测手机上打开的App,并列出可调试的WebView页面,如图:
  4. 点击Inspect,弹出开发者工具进行调试

问题就出现在这里,对于国内的程序猿来说,由于无法访问 https://chrome-devtools-frontend.appspot.com,只能出现空白页面:

Chrome为什么要去访问那个网址呢?而不是提供本地的解决方案?我猜想是版本问题,对于海量版本,都打包到Chrome安装程序里,势必会大大增加安装包的体积。

例如上面的 @169177 就是其中的一个版本号,当你换一种设备或模拟器,版本号可能就不一样了。

 解决方法:

  1. 最直接的方法:FQ。我这里是1个月左右,还需要再次FQ。
  2. 下载离线开发者工具包(需要告诉我你的版本号,如上图红色方框里的)

目前支持的版本号(不断更新中):

@169177     chrome/33.0.0.0
@178678   chrome/36.0.1985.135
@180870   chrome/37.0.2062.117
@183147   chrome/38.0.2125.114

@185626   chrome/39.0.2171.93
@186555   chrome/39.0.2171.95/99
@188492   chrome/40.0.2214.89
@189407   chrome/40.0.2214.109
@189455   chrome/40.0.2214.120
@193433   chrome/42.0.2311.111
@196332   chrome/43.0.2357.93
@199588   chrome/44.0.2403.133
@200258   chrome/44.0.2403.117/119
@202161   chrome/45.0.2454.94
@56034b7e9233e7f8b0890dcd45094695a41082aa    chrome/46.0.2490.76
@9c8ad225d4242d37d93a157e084f9532ada53365    chrome/47.0.2526.83
@10b809a56f75356820ad54f308f183b0a76abecc    chrome/48.0.2564.95
@eb37b99908e3a6290792690b6eb4e4de2da8f374    chrome/49.0.2623.105
@78c36d241d8eebad599e33e13fe50f05393635ab    chrome/50.0.2661.89
@211d45a5b74b06d12bb016f3c4d54095faf2646f    chrome/51.0.2704.81
@f6f109cac2aba90ba6f01d89bd216f6b614357f5    chrome/51.0.2704.91
@799386cbf7c1cbf70c12c0e593b2b2e23e39ba30    chrome/52.0.2743.98
@7f5781e9210f9b7c8914adbc018590eec1ede150    chrome/53.0.2785.124
@e5934e0f324e72f35dac7868c9b554a4295b2ceb    chrome/54.0.2840.68
@29f276b1ed3d8a76a0a1ae59734cca523f0c29c7    chrome/55.0.2883.84
@0e9a9a6f3676ae439b78cd9b3f62b4193c3ac7d5    chrome/56.0.2924.87
@a000f5daeaac3f79102a0c8f6eaab57aa0e00ae9    chrome/57.0.2987.108
@e76cc6b93d194dac46a61d88327a96a0d5cf9894    chrome/58.0.3029.83
@b0dab3af93f242c5e6e3a71a7319d060dc42a7c2    chrome/59.0.3071.92
@2375e691ad5e90a85748ddfc132e670208c9b07d    chrome/60.0.3112.97
@6f76561d02fabc51d3afba83eefdd69e309a8b8c    chrome/61.0.3163.81

 

文章评论

看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
每天工作4小时的程序员
每天工作4小时的程序员
程序员都该阅读的书
程序员都该阅读的书
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
我跳槽是因为他们的显示器更大
我跳槽是因为他们的显示器更大
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
那些争议最大的编程观点
那些争议最大的编程观点
程序员应该关注的一些事儿
程序员应该关注的一些事儿
我是如何打败拖延症的
我是如何打败拖延症的
总结2014中国互联网十大段子
总结2014中国互联网十大段子
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
 程序员的样子
程序员的样子
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
写给自己也写给你 自己到底该何去何从
写给自己也写给你 自己到底该何去何从
60个开发者不容错过的免费资源库
60个开发者不容错过的免费资源库
代码女神横空出世
代码女神横空出世
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
老程序员的下场
老程序员的下场
程序员和编码员之间的区别
程序员和编码员之间的区别
一个程序员的时间管理
一个程序员的时间管理
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
编程语言是女人
编程语言是女人
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
我的丈夫是个程序员
我的丈夫是个程序员
鲜为人知的编程真相
鲜为人知的编程真相
中美印日四国程序员比较
中美印日四国程序员比较
10个调试和排错的小建议
10个调试和排错的小建议
漫画:程序员的工作
漫画:程序员的工作
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
程序员必看的十大电影
程序员必看的十大电影
10个帮程序员减压放松的网站
10个帮程序员减压放松的网站
为什么程序员都是夜猫子
为什么程序员都是夜猫子
聊聊HTTPS和SSL/TLS协议
聊聊HTTPS和SSL/TLS协议
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
旅行,写作,编程
旅行,写作,编程
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
如何成为一名黑客
如何成为一名黑客
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有