在设备上调试 PhoneGap

Posted 2023-03-15

技术标签:

【中文标题】在设备上调试 PhoneGap【英文标题】：Debugging PhoneGap on Device 【发布时间】：2016-01-06 08:57:23 【问题描述】：

通常我是一个 JEE 人，但这些天我正在开发一个移动应用程序。我选择 PhoneGap 是因为对 UI 的需求并不多，而且我认为这是在许多平台上提供应用程序的最简单方法。

我想知道我的设置是否良好，以及在设备上运行时是否可以获得控制台输出。我正在开发 MacOS 和 iPhone6。

我通过 npm 安装了 PhoneGap 和 Cordova，并使用 phonegap serve 提供文件。

对于本地调试，我使用的是 chrome 插件“Ripple”。

为了在设备上进行调试，我使用 AppStore 中的 PhoneGap 开发者应用程序，以及笔记本电脑上的 weinre 来获取一些调试数据。在 weinre 中，我可以看到除控制台输出之外的所有内容。这是正常的吗？或者知道如何让控制台也可以运行吗？

我还在网上找到了一些使用 XCode 和一些原生 iPhone 模拟器的教程，但还没有得到这个工作。在设备上调试哪种方式更可取？

【问题讨论】：

您需要什么设备？ ironlab.io 允许在云端的真实设备上进行调试。它们现在处于免费测试阶段。 【参考方案1】：

您不需要任何工具来调试cordova 应用程序。对于 ios，只需在 stimulator 中启动应用程序并启动 safari。在 safari 中转到“开发”>“你的电脑名称”>“ios 模拟器”。

http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787

对于 android，在您的设备和 chrome 中运行应用程序，转到 http://chrome://inspect/#devices

【讨论】：

【参考方案2】：

Weinre 已经很老了，不应该再用了，相反，你想在浏览器中使用远程调试工具。对于 iOS，您可以使用 Safari 来调试您的 Cordova 应用程序。我在这里有一篇完整的文章，https://dzone.com/articles/overview-mobile-debugging，但该过程涉及在您的移动设备上进行一项设置，然后只需打开 Safari 并进入调试菜单。您也可以使用 Chrome 和 Android 应用程序执行此操作。

另一个选项是 GapDebug (https://www.genuitec.com/products/gapdebug/)，它允许您在一个 Chrome 选项卡中同时执行 iOS 和 Android。

【讨论】：