在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手机原生浏览器上的应用程序让我很难做到。并且不知道如何做到这一点。

如果有人之前已经做过..请分享有关如何操作的知识，并让自己轻松舒适地远程调试原生Android浏览器。

提前致谢

Answer 1

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

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

首先，您需要安装NodeJS，因为我们是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

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

执行与谷歌浏览器调试相同的操作，在“chrome：// inspect /＃devices”选项卡中查找：com.android.browser中的WebView（版本/ 4.0 Chrome / 30.0.0.0） ）（在我的情况下，我使用的是华为p7）see image

抱歉我的英文