chrome调试webview

2023-12-12 15:15| 来源: 网络整理| 查看: 265

当H5游戏或者页面运行在安卓webview的时候，经常会遇到兼容性问题，而打日志很难满足我们的调试需求，因此如何在PC浏览器上远程调试安卓webview，是很多开发者迫切想知道。这里以chrome为例

调试步骤 1.设置WebView为可调试模式

必须从您的应用中启用 WebView 调试。要启用 WebView 调试，需要调用WebView类的静态方法 setWebContentsDebuggingEnabled

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { WebView.setWebContentsDebuggingEnabled(true); } 2. 手机通过USB连接电脑

这里需要再开发者模式中打开USB调试。

3. chrome浏览器打开chrome://inspect/#devices

效果图如下：

4. 手机运行需要调试的APP

这里嵌入一个简单的本地页面

chrome调试安卓webview 点击我 var btn = document.getElementById("btn") btn.onclick = function(){ console.log("点击完毕") }

效果图如下：

61661675682_.pic.jpg 点击按钮之后，就会在控制台输出点击完毕

5. Chrome浏览器调试页面

在运行App后，Chrome会显示可以调试的页面，这是有可能会显示多个可以调试的页面，我们选择我们要调试的页面，然后点击inpect即可

点击完inpect按钮后，会弹出开发者调试工具，并且包含app的页面投射

这时候，我们按下"点击我"的按钮，就可以在控制台看到日志打印如下：

【本文地址】

今日新闻