如何从Windows中使用Ionic View调试应用程序?

16

我非常喜欢如何只需运行ionic upload,就能立即将我的应用程序放到我的iPhone上!

但是我该如何进行调试呢?我在Windows上,所有我发现的选项都需要在OSX上运行。

1)Safari 6 远程调试 - Windows 版 Safari 已于 5.1 版停止支持

2)XCode - 不,在 Windows 上不可用

3)ionic emulate ios -l -c -s - 不,在 Windows 上不可用

我有一台 Mac 备用机,通过 Visual Studio Cordova 工具中的 vs-mda-remote 服务监听构建请求,因此我能够像这样构建和部署到实时设备,但这非常耗费时间。

如果这与 Ionic View 集成

 ionic upload -l -c -s 

如果有实时重载会让我的生活更完美。好吧,也许现在可以不用实时重载,但这真的可能吗?

为了澄清,我知道ionic serve,但是我在谈论使用IonicView移动应用程序在手机上进行调试。我有一个问题,只在通过IonicView应用程序的手机上出现,但无法在浏览器中复制。


1
目前你无法在Ionic View上进行调试。此外,Ionic View并没有所有的插件 - 因此,如果你使用任何像sqlite插件这样的东西,它在Ionic View上是不起作用的 :( - TimoSolo
我过去通常通过在连接的 USB 设备上运行应用程序 ionic run android 并使用 GapDebug 进行调试,特别是当应用程序使用 native plugins 时。 - mumair
这可能会有所帮助 https://dev59.com/yKPia4cB1Zd3GeqPuStS#50342731 - Yerkon
4个回答

7
我不知道为什么,但我认为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 那样容易部署,但它更接近底层,可以说是如此。 - parliament
不幸的是,我意识到这个应用也没有实时DOM?这意味着我不能对HTML或CSS进行更改(因为它们被打包在IPA中)。因此,您无法像在Chrome调试工具中那样预览元素的实时更改。在这种情况下,这有点麻烦,我仍在寻找IonicView的解决方案,哈哈,我太激动了。 - parliament
你能做到这个?!只需右键单击要更改的部分,然后选择“编辑为HTML”,或者双击要更改的部分。 - Sithys
我猜在这里无法编辑JavaScript,对吧?这将解决需要重新编译完整IPA进行小型测试更改的问题。我知道您可以在断点上更改变量值,但是实际编辑会很棒(Chrome调试工具允许此操作,我认为GabDebug在幕后使用Chrome工具)。 - parliament
在左侧选择文件夹,然后打开“scripts”文件夹。通常所有的.js文件都应该在里面并且是可编辑的。 :) - Sithys
显示剩余9条评论

1
上面关于ionic serveGapDebug的答案非常棒,但是还有另一种方法可以通过使用Chrome浏览器调试在Android设备上运行的ionic应用程序。

是的,使用Chrome浏览器,您只需输入chrome://inspect,确保您的手机已通过USB连接并启用了开发人员选项,然后就能看到神奇的效果了!

注意:如果您正在使用Chrome进行检查/调试,则必须关闭GapDebug。

enter image description here

针对 iOS (Ionic, PhoneGap, Cordova) 应用在 Safari 上进行调试,请查看此 post


0

3
谢谢,但我已经知道这个并一直在使用它,我特别想要使用IonicView移动应用程序在我的手机上调试该应用。我正在尝试调试一个仅在IonicView中运行时出现的问题,在浏览器中无法复制该问题。 - parliament
你应该向DriftyCo的开发团队报告这个bug。他们在解决这些问题方面非常迅速。https://github.com/driftyco/ionic/issues - Caleb Faruki
2
这个问题是针对手机测试而言的,而不是本地测试。虽然本地环境可以用于测试,但仍有一些需要在设备上进行调试的问题,而本地测试无法捕捉到。 - Justin

0

Intel XDK和Intel Live View应用程序允许从Windows对iOS设备进行调试。

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

你必须签署自己的实时视图应用程序版本,并按照给出的指示进行操作。

然后,您只需插入您的iPhone。Intel XDK将检测到它。单击“调试”选项卡,它将部署并调试您的应用程序。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接