Android 浏览器远程调试

Question

抱歉这个问题。

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

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

以下是我为 chrome 使用远程调试所遵循的内容 https://developer.chrome.com/devtools/docs/remote-debugging

这里是 Mozilla Firefox

已经安装AndroidSDK

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

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

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

提前致谢

Answer 1

好的，这只有在您部署了网站的本地版本时才有效...并且您的 phone 必须连接到同一网络。

首先，您需要安装 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 风格的 Web 检查器。

你应该看到这样的东西：

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

Answer 2

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

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

对不起我的英语

Remote Debugging On Android Browser