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

2023年9月12日 274次阅读 来源: hglfNg

有时你在手机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页面一样调试手机页面了。

    原文作者：hglfNg
    原文地址: https://www.jianshu.com/p/6a1f08a3bffb
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞