javascript - Android 浏览器远程调试

Question

抱歉这个问题。

我目前正在使用网络浏览器为移动设备创建 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 手机的 native 浏览器上测试我的应用程序，这让我很难做到。并且不知道如何去做。

如果有人以前做过..请分享有关您如何做的知识，并让您自己轻松舒适地远程调试 native android 浏览器。

提前致谢

Answer 1

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

作为引用，我使用了这个网站: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 更改为本地服务器的私有(private) 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 上一样。