android - 是否有调试cordova应用程序的真正解决方案

Question

我花了两天时间试图弄清楚如何调试我使用 Cordova 3.2 创建并部署到 Android 2.3 设备的 HTML5 应用程序。我看到的所有文章/帖子都提供了技巧而不是真正的解决方案:(而且大多数时候，它们都不适合我的情况；调试我的应用程序中的 css 样式和 Angularjs 代码..

到目前为止我测试过；

debug.phonegap.com

我将脚本注入(inject)到 index.html 文件中，然后访问了 debug.phonegap.com 中生成的 URL，但没有任何反应；只是一个空白页。

温雷

我发现的大多数文章都指向过时的 Github 存储库，该存储库包含一个 Jar 文件。但没有找到 :(

边缘检查

它可以工作并显示我在手机内的 PC 上浏览的网页。但问题是它使用了其他集成浏览器(或模拟器)而不是运行 phonegap 应用程序的浏览器；所以结果不准确。

Chrome 模拟器

与边缘检查相同；它不允许查看 Android 2.3 附带的真实 web-kit v530。

理想的解决方案

完美的解决方案是对 Google Chrome(桌面)进行扩展，使您能够将桌面浏览器切换到与 Android 2.3 平台相同的浏览器；没有仿真没有黑客攻击，只有带有 web-kit v 530 的浏览器本身。

不幸的是，这样的解决方案不存在:(或者我错了？

有什么建议吗？

Answer 1

适用于安卓:

您只需要在您的安卓设备中启用“USB 远程调试器”并使用 USB 数据线插入即可。然后在设备中打开您的应用程序。 Chrome 会检测到远程浏览器，您可以看到控制台的方式与您在本地使用 Chrome 时看到的方式相同。

在 Chrome 浏览器中使用此链接:chrome://inspect/#devices(您必须将其粘贴到导航栏中)。

如果您的应用在设备中崩溃，您只需在浏览器中查看控制台的日志并查看会发生什么。您还可以像使用本地浏览器一样添加功能、更改变量和覆盖函数。

阅读 this article有关要采取的步骤的更多信息。

这仅适用于运行 Android 4.4+ 的设备。

对于 iOS:

使用 iOS 版 Safari，请按以下步骤操作:

1.在您的 iOS 设备中，前往 Settings > Safari > Advanced > Web Inspector 以启用 Web Inspector

2.在您的 iOS 设备上打开 Safari。

3.通过USB将它连接到您的计算机。

4.在您的计算机上打开 Safari。

5.在 Safari 的菜单中，转到“开发”，然后查找您的设备名称。

6.选择要调试的选项卡。