美文网首页Android开发Android开发经验谈Android技术知识
Android在pc上调试手机页面/chrome远程调试webv

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

作者: hglfNg | 来源:发表于2019-04-24 14:31 被阅读3次

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

相关文章

网友评论

    本文标题:Android在pc上调试手机页面/chrome远程调试webv

    本文链接:https://www.haomeiwen.com/subject/kmkggqtx.html