本文标签： Chrome扩展Chrome浏览器Chrome插件ExtentionsGoogle
原文地址：http://whosmall.com/?post=445
之前写过一篇关于 [Android Studio 断点调试技巧] 的文章，但都是针对 Native 代码的调试，对于 Hybrid 开发模式下的 WebView 却无从下手。幸运的是，PC 中的 Chrome 浏览器提供的开发者工具能够帮助我们远程调试 Android 中的 WebView 加载的网页。
Android 4.4 (KitKat) 开始，使用 Chrome 开发者工具可以帮助我们在原生 Android 应用中远程调试 WebView 网页内容。一起来看看怎么操作吧。
第一步，设置 WebView 调试模式。WebView 类包含一个公共静态方法，作为 Debug 开关：
1 |
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { |
注意：这个方法兼容至 Android 4.4 及更高版本，并且只需设置一次，便可应用于项目中的所有 WebView，同时不受 Manifest 文件中debuggable 属性的影响。
第二步，确保 USB 连接的前提下，打开 PC 中的 Chrome 浏览器，输入网址，打开页面：
1 |
chrome://inspect |
DevTools 页面的 Devices 菜单页自动显示当前连接的远程设备名和序列号，以及当前原生 App 打开的 WebView 的网页地址，如图：
点击对应网页下方的 inspect选项便可以进入开发者工具页：
如图所示，网页显示内容和源代码、控制台等都可以看到，供安卓开发人员*调试。
事实上，Chrome 开发者工具也是 H5 开发人员开发手机端网页的调试利器。
同样，确保 PC 通过 USB 连接手机设备的前提下，检查开启Remote devices 页面左侧 Settings 菜单中的 Discover USB devices 选项：
打开手机的 Chrome 浏览器 App，在 Remote devices 中选择对应的手机设备，便可以看到当前 Chrome App 的版本信息，以及一个 URL 输入框：
在此，我们可以输入任意的 Url 地址，点击 Open，便可同步打开手机 Chrome 上的网页，同时在 Remote devices 出现对应的地址栏，点击即可进入前面介绍 WebView 时所看到的类似调试页。
更多有关 Chrome DevTools 的细节，请参考链接：Chrome DevTools for Mobile: Screencast and Emulation。
本文由 亦枫 创作并首发于 亦枫的个人博客
写在最后：FOR Freedom 看看外边的世界，以及IT这一行，少不了去Google查资料，最后，安利一些速器代理。
| 加速器推荐 | 免费方案 | 付费方案 | 官方网站 |
| 一枝红杏加速器 | 免费方案暂无，稳定高速 | 输入8折优惠码wh80，年付只需80元/年 | 官网直达 |
| 安云加速器 | 最好用的外贸VPN | 最低￥30/月 | 官网直达 |
| LoCo加速器 | 每天免费2小时 | 最低￥15/月 | 官网直达 |
本文标签： Chrome扩展Chrome浏览器Chrome插件ExtentionsGoogle
转自 SUN'S BLOG - 专注互联网知识，分享互联网精神！
原文地址：《如何利用 Chrome 开发者工具远程调试 Android 中的原生 WebView？》
相关阅读：《Chrome 扩展 Stylish ：给不喜欢某个网站一键「换肤」》
相关阅读：《将 QQ 音乐、网易云音乐和虾米音乐资源「整合」一起的Chrome 扩展Listen 1》
相关阅读：《8 个「新标签页」Chrome 扩展： 教你把 New Tab 页面玩的溜溜溜》
相关阅读：《7 款实用 Chrome 扩展推荐：帮你提升 Chrome 使用体验》
相关阅读：《无扩展就不是 Chrome 了：15 款优质的Chrome 扩展推荐给大家》
相关阅读：《12 款不能少的使网页浏览获得的最佳体验Chrome 扩展》
相关阅读：《5 款可以带来幸福感的 Chrome 扩展》
相关阅读：《关于 Android 中的 Palette 类的使用案例：色彩自适应的 Toolbar》
相关阅读:《GIT能做什么、它和SVN在深层次上究竟有什么不同》
相关阅读:《分享一些对开发者最有用的、用户友好和功能丰富的Google Chrome扩展工具》
相关阅读:《分享一些实际Android开发过程中很多相见恨晚的工具或网站》
相关阅读:《我是 G 粉，一直关注 Google，最近 Google 有一些小动作，可能很多人不太了解》
相关阅读:《机器学习引领认知领域的技术创新，那么SaaS行业会被机器学习如何改变？》
相关阅读:《VPS 教程系列：Dnsmasq + DNSCrypt + SNI Proxy 顺畅访问 Google 配置教程》
相关阅读: 对程序员有用：2017最新能上Google的hosts文件下载及总结网友遇到的各种hosts问题解决方法及配置详解