Android在pc上调试手机页面/chrome远程调试webview

有时你在手机webview中一个css样式有问题，但是pc上却是好的，这时候你需要远程调试手机中的页面，很多开发者还不知道chrome有这个强大的功能，这里记录一下，方便检索。
前提：

• android 4.4 以上
• 开启adb调试

1. app里引入下面java代码，比如在Application的onCreate中

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

2. 安装运行app，打开一个webview

3. 在pc上打开chrome，地址栏输入chrome://inspect
   这时，你可以看到你的设备名称和打开的页面

4. 点击inspect，弹出一个窗口，如果这个窗口显示白色无内容，你需要先挂一个代理，再重复上述步骤，原因

5. 现在就可以像调试pc页面一样调试手机页面了。