Chrome调试WebView加载的网页

有时候我们需要在WebView上打开网页，有的还需要两端交互，但是如果出现了问题，就很难找到问题原因，因为没法像浏览器那样可以调试。

Chrome有个黑科技就解决了这个问题，可以调试在手机上打开的任何网页，包括手机浏览器和应用内的WebView。

首先在要调试的项目里加入以下代码，才可开启调试

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            WebView.setWebContentsDebuggingEnabled(true)
    }

但是要注意的一点是需要FQ，不然到了第四步是出不来的。

要求
1.Chrome 32 以上版本；
2.Android 4.0 以上版本。

一：打开Chrome的菜单 - 更多工具 - 开发者工具

 

二：在开发者工具的窗口，点击三个点，打开More tools - Remote devices

 

 

三：连接USB，在手机上打开USB调试，在Remote devices选中你连接的设备，
然后就会出现当前手机上打开的网页

 

四：点击Inspect，就可以调试了