首页 文章

在Android浏览器上进行远程调试

提问于
浏览 次
1

对不起，这个问题 .

我目前正在使用网络浏览器为移动设备制作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浏览器 .

提前致谢

javascript android html5 debugging remote-debugging

2 回答

  • 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 更改为本地服务器的专用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检查器 .

    你应该看到这样的东西：
    weinre ui

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

    回复于
  • 1

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

    做与你在谷歌浏览器调试中完全相同的事情，在"chrome://inspect/#devices"标签中查找：com.android.browser中的WebView（版本/ 4.0 Chrome / 30.0.0.0）（在我的情况下，我使用的是huawei p7）see image

    对不起我的英语不好

    回复于

相关问题