Android Web开发调试之Chrome远程调试

时间:2021-07-12 17:49:29

移动端的混合开发其实是依靠于webview控件与网页进行交互,那么在开发的过程中难免需要做一些调试的工作,那么webview上显示的网页如果去调试那?我使用的方式是:Chrome DevTools调试移动设备Brower Page Tabs/WebViews。

1、手机与电脑通过USB链接,打开手机开发者调试模式,就像我们平时真机调试应用的时候一样。
2、如果要对webview进行调试,必须使webview处于允许调试状态,webview为我们提供了一个方法

/**
Enables debugging of web contents (HTML / CSS / JavaScript) loaded into any WebViews of this application 默认为false
*/

webview.setWebContentsDebuggingEnabled(boolean);

3、打开chrome,直接在浏览器地址栏输入chrome://inspect 或者about:inspect,保持Discover USB devices链接。