如何从 Windows 调试离子视图中的应用程序？

Posted 2023-04-17

【中文标题】如何从 Windows 调试离子视图中的应用程序？

【英文标题】：how can I debug an app in ionic view from windows?

【发布时间】：2015-08-10 11:34:02

【问题描述】：

我非常喜欢 ionic upload 并立即在我的 iPhone 上获取我的应用程序！

但是我应该如何调试它呢？我在 Windows 上，我发现的所有选项都需要在 OSX 上。

1) Safari 6 远程调试 - Safari for windows 已在 5.1 中停止

2) XCode - 不，在 Windows 上

3) ionic emulate ios -l -c -s 不，在 Windows 上

我有一台 Mac 处于待机状态，通过 Visual Studio Cordova 工具中的 vs-mda-remote 服务侦听构建请求，因此我能够构建并部署到这样的实时设备，但是这非常耗时。

如果这以某种方式与离子视图集成

 ionic upload -l -c -s 

我的人生将是完整的。好吧好吧也许我们现在可以不用实时重新加载，但有可能吗？？？

澄清一下，我知道 ionic serve，但我说的是使用 IonicView 移动应用在电话上进行调试。我有一个问题，只能通过 IonicView 应用在手机上发生，但无法在浏览器中复制。

【问题讨论】：

目前您无法在 Ionic View 上进行调试。此外，离子视图没有所有插件 - 所以如果你使用类似 sqlite 插件的任何东西，它不会在离子视图上工作:(

我曾经专门在应用程序使用 native plugins 时进行调试，方法是在连接的 USB 设备上运行 app ionic run android，然后 GapDebug 将我救回 dubug。

这可能有助于***.com/a/50342731/5677886

【参考方案1】：

我不知道为什么，但我认为GapDebug 的知名度要高得多。 GapDebug 为您带来了以非常流畅和简单的方式调试应用程序所需的所有功能。它可以在 Mac OS X 上运行，也可以在 Windows 计算机上运行。

更新：

GapDebug 于 2016 年停产，最终版本为 2.4.0。它适用于在 Android 和 iOS 9 及更早版本上运行的应用但不适用于 iOS 10 及更高版本。

见Genuitec to Discontinue Development of GapDebug 。

链接到最后一个Windows GapDebug 2.4.0 installer。

【讨论】：

没问题，不客气。据我所知，它是最好的应用程序调试工具！！

是的，用户界面非常直观。老实说，它唯一缺少的是一个 GapDebug 移动应用程序，以使其更易于部署。 IonicView 通过ionic upload 解决了这个问题并在他们的应用程序中打开它，实际上需要 5 秒。对于 GapDebug，有配置和签署 ipa 的整个过程，在我的情况下，这需要 Mac 处于待机状态来构建包（需要一分钟多的时间）。它不像ionic upload 那样容易部署，但可以说更接近金属。

不幸的是，我意识到这也没有实时 DOM？这意味着我不能对 html 或 css 进行更改（这是有道理的，因为它被打包在 ipa 中）。因此，您无法像在 chrome 调试工具中那样预览元素的实时更改。在那种情况下，它有点麻烦，我仍在寻找 IonicView 的解决方案 lol 兴奋得太快了。

你能做到吗？！只需右键单击要更改的部分并选择“编辑为 HTML”或双击要更改的部分

你是对的，我错过了它，因为你实际上必须选择 ROOT 节点（有一堆嵌套在它下面的文件夹是静态文件，这就是我所在的位置）。好电话:)

【参考方案2】：

以上关于ionic serve 和GapDebug 的答案很棒，但是还有另一种方法可以使用Chrome 浏览器 来调试在Android 设备上运行的离子应用程序。

是的 chrome，您只需输入 chrome://inspect，确保您的手机通过 USB 连接并启用了开发者选项，然后看看魔法！

注意：如果您使用 Chrome 进行检查/调试，则必须关闭 GapDebug

对于在 Safari 上调试的 iOS（Ionic、PhoneGap、Cordova）应用程序，请查看此post。

【参考方案3】：

如果您已使用 npm 安装了 Ionic CLI，并且已成功将其作为 PATH 变量添加到您的 Windows 环境，您将可以访问 ionic serve 命令。这会在您的机器上建立一个本地主机服务器，以便在 Web 视图中测试您的应用程序。

要检查错误，只需打开浏览器的检查器并检查记录到控制台的错误。

http://ionicframework.com/docs/cli/install.html

http://blog.teamtreehouse.com/install-node-js-npm-windows

【讨论】：

谢谢，但我知道这一点并一直在使用它，我特别希望使用我提到的 IonicView 移动应用程序在我的手机上调试该应用程序。我正在尝试调试我的应用程序中的一个问题，该问题仅在通过 IonicView 运行时出现，并且无法在浏览器中复制。

您应该将此错误报告给 DriftyCo 人员。他们解决这些问题的速度非常快。 github.com/driftyco/ionic/issues

该问题针对的是电话测试，而不是本地测试。尽管本地环境确实可以进行测试，但仍有一些需要在设备上进行调试的东西，而本地测试无法捕捉到。

【参考方案4】：

英特尔 XDK 和英特尔 Live View 应用允许从 Windows 调试 iOS 设备。

https://software.intel.com/en-us/intel-xdk

您必须签署自己版本的实时取景应用程序，它会为您提供相关说明。

然后你就可以插入你的 iPhone 了。英特尔 XDK 将检测到它。单击调试选项卡，它将部署和调试您的应用程序。