如何在android中的webview中调试javascript

Question

我有一个在 iOS 上运行良好的 webview，但在 Android 上运行不正常。有没有一种工具可以让我在浏览器中连接到 Android webview 并使用 firefox 或 webkit 控制台对其进行调试？目前我不知道是什么导致 webview 在 Android 中不起作用。

在 iOS 中，我可以打开我的 iPad 或 iPhone 模拟器，打开 webview 窗格，然后在我的桌面浏览器中监听端口 9999，它会显示你在 webkit 开发人员工具/调试工具中看到的工具。

我正在为 Android 寻找类似的工具，或者至少让我开始调试。

原文由 user1118019 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

查看 weinre 。它提供了类似 Chrome 开发人员的工具，用于从 WebKit 浏览器到远程设备上运行的浏览器的调试。

原文由 Paul Beusterien 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

调试 WebView 最简单的方法是通过 USB 将你的 Android 设备连接到 PC，然后通过 Chrome 开发工具检查你的 WebView。

因此，您将需要：

1) 在我们的设备上激活 USB 调试。你可以找到它 Settings >> Developer Options >> Debugging >> USB Debugging （激活复选框）

2) 通过 USB 将您的设备连接到计算机

注意：如果您在 Windows 上进行开发，请为您的设备安装合适的 USB 驱动程序。请参阅 Android 开发者网站上的 OEM USB 驱动程序。

3) 打开 Chrome 浏览器并在 URL 字段中输入： chrome://inspect/#devices

4) 确认“发现 USB 设备”已激活

5) 在您的设备上，一条警报提示您允许从您的计算机进行 USB 调试。点击确定。

6) 在 chrome://inspect 页面上显示每个连接的设备。单击 inspect 连接的设备，您将获得控制台。

更详细的手册是 Debugging Android WebView

原文由 Vladyslav Babenko 发布，翻译遵循 CC BY-SA 3.0 许可协议