pc chrome 远程调试 Android WebView

568 阅读1分钟

android端web页面出现bug或兼容性问题时,有些时候不是很好解决,想解决问题首先要定位到问题,通过logcat日志不能很好定位问题,android 4.4版本以上可以通过Chrome Developer Tools来远程调试android设配上的webview,可以使开发者方便的调试android端web页面

1 android项目的application中允许webview调试
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true);
}
2 打开Chrome Developer Tools

在chrome中输入chrome://inspect

WeChatd1598a8993aa9bc5b30402d4a30fcf38.png

3 android设备通过usb连上电脑,并允许usb调试
4 打开项目中webview页面,chrome上会出现设备信息和当前打开的webview

WeChat9d8762e134197c1263944bad857c7fd2.png

5 点击inspect开始调试

参考链接

developer.chrome.com/docs/devtoo…