安卓浏览器远程调试

Posted 2023-02-25

【中文标题】安卓浏览器远程调试

【英文标题】：Remote Debugging On Android Browser

【发布时间】：2015-06-25 20:31:30

【问题描述】：

抱歉这个问题。

我目前正在使用网络浏览器为移动设备创建 Phaser 游戏。

我可以使用我的 android 设备的 Google Chrome 浏览器在我的 Android 设备上进行远程调试，也类似于 Mozilla Firefox 浏览器，并使用浏览器的桌面开发工具检查 javascript/html/css 中是否有任何错误。

这是我使用 chrome 远程调试的方法 https://developer.chrome.com/devtools/docs/remote-debugging

这里是 Mozilla Firefox

https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android

已安装 Android SDK

我目前正在 windows 平台上开发。 使用 XAMPP

但我现在想在 android 手机的本机浏览器上测试我的应用程序，这让我很难做到。并且不知道该怎么做。

如果有人以前做过..请分享您如何做到这一点的知识，让您自己轻松舒适地远程调试原生 android 浏览器。

提前致谢

【问题讨论】：

你能说清楚一点吗？

它确实有这个选项，但我认为你可能需要 android sdk 来连接。

我已经搜索了一段时间......我发现了这个：broken-links.com/2013/06/28/remote-debugging-with-weinre 我正在亲自测试它，如果它有效，我会给出答案。

【参考方案1】：

我不知道你是否还需要帮助，但是对于那些有这个问题的人可以试试这个，它对我有用：

执行与从 google chrome 调试完全相同的操作，在“chrome://inspect/#devices”选项卡中查找：WebView in com.android.browser (Version/4.0 Chrome/30.0.0.0 ) (就我而言，我使用的是华为 p7)see image

对不起我的英语

【参考方案2】：

好的，这仅适用于您部署了本地版本的网站...并且您的手机必须连接到同一网络。

作为参考，我使用了这个网站：http://www.broken-links.com/2013/06/28/remote-debugging-with-weinre/

首先，您需要安装 NodeJS，因为 weinre 是一个 NodeJS 应用程序。

安装完Node之后，就可以使用NPM来安装weinre了。

npm install -g weinre

然后你在本地机器上启动 weinre 服务器

weinre --boundHost -all-

然后将以下代码粘贴到您要调试的网页中。将 your_private_ip 更改为本地服务器的私有 IP。它可能以192.168.x.x开头。

<script src="http://your_private_ip:8080/target/target-script-min.js#anonymous"></script>

现在在您的桌面上，转到 http://localhost:8080/client/#anonymous 以查看 WebKit 风格的网络检查器。

您应该会看到类似这样的内容：

现在您可以使用控制台等其他选项卡来查看 javascript 控制台，或者使用元素来查看其样式等...就像在 chrome 或 firefox 上一样。