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);
        }
  1. 安装运行app,打开一个webview

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

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

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