有时你在手机 webview 中一个 CSS 样式有问题, 但是 pc 上却是好的, 这时候你需要远程调试手机中的页面, 很多开发者还不知道 Chrome 有这个强大的功能, 这里记录一下, 方便检索.
前提:
Android 4.4 以上
开启 adb 调试
App 里引入下面 java 代码, 比如在 Application 的 onCreate 中
- if (BuildConfig.DEBUG && Build.VERSION.SDK_INT>= Build.VERSION_CODES.KITKAT) {
- WebView.setWebContentsDebuggingEnabled(true);
- }
安装运行 App, 打开一个 webview
在 pc 上打开 Chrome, 地址栏输入 Chrome://inspect
这时, 你可以看到你的设备名称和打开的页面
点击 inspect, 弹出一个窗口, 如果这个窗口显示白色无内容, 你需要先挂一个代理, 再重复上述步骤, 原因
现在就可以像调试 pc 页面一样调试手机页面了.
来源: http://www.jianshu.com/p/6a1f08a3bffb