如何在Windows的离子视图中调试应用程序?

时间:2020-12-15 22:59:26

I absolutely love how I can just do ionic upload and instantly get my app on my iphone!

我非常喜欢如何进行离子上传并立即将我的应用程序放在我的iPhone上!

But how am I supposed to debug it? I'm on windows and all options I have found require to be on OSX.

但我该怎么调试呢?我在Windows上,我发现的所有选项都需要在OSX上。

1) Safari 6 remote debugging - Safari for windows was discontinued at 5.1

1)Safari 6远程调试 - 用于Windows的Safari已停止在5.1

2) XCode - nope, on windows

2)XCode - nope,在windows上

3) ionic emulate ios -l -c -s nope, on windows

3)在窗口上离子模拟ios -l -c -s nope

I have a Mac on standby listening for build requests via vs-mda-remote service from the Visual Studio Cordova Tools so I'm able to build and deploy to a live device like that, however this is super time consuming.

我有一台Mac在待机状态下通过Visual Studio Cordova Tools的vs-mda-remote服务监听构建请求,因此我能够构建和部署到这样的实时设备,但这非常耗时。

If this was somehow integrated with ionic view

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

 ionic upload -l -c -s 

my life would be complete. Okay okay maybe we can do without the live reload for now, but is it possible at all???

我的生活将会完整。好吧好吧也许我们现在可以没有现场重装,但它有可能吗?

To clarify, I'm aware of ionic serve, however I'm talking about debugging ON THE PHONE using the IonicView mobile app. I have an issue that ONLY happens on the phone via IonicView app, but cannot be replicated in the browser.

为了澄清,我知道离子服务,但我正在谈论使用IonicView移动应用程序调试电话。我有一个问题,只能通过IonicView应用程序在手机上发生,但无法在浏览器中复制。

4 个解决方案

#1


7  

I don't know why, but i thought GapDebug is much better known. GapDebug brings you all the features you need to debug your application in a very smooth and easy way. It works on Mac OS X but also on a Windows Computer.

我不知道为什么,但我认为GapDebug更为人所知。 GapDebug为您提供了以非常流畅和简单的方式调试应用程序所需的所有功能。它适用于Mac OS X,但也适用于Windows计算机。

UPDATE:

更新:

GapDebug was discontinued in 2016 with version 2.4.0 as the final release. It works for apps running on Android and iOS 9 and earlier but not on iOS 10 and up.

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

See Genuitec to Discontinue Development of GapDebug .

请参阅Genuitec以停止GapDebug的开发。

Link to last Windows GapDebug 2.4.0 installer.

链接到上一个Windows GapDebug 2.4.0安装程序。

#2


1  

Above answers about ionic serve and GapDebug are fantastic, But there is another way to debug ionic application running on android device by using Chrome browser.

关于离子服务和GapDebug的上述答案非常棒,但是还有另一种方法可以使用Chrome浏览器调试在Android设备上运行的离子应用程序。

Yes chrome, all you have to do is type chrome://inspect, make sure your phone is USB connected with enabled Developer Options, and see the magic!

是的chrome,您只需键入chrome:// inspect,确保您的手机已通过启用的开发者选项与USB连接,并看到魔术!

Note: If you are using Chrome to inspect/debug, then must close GapDebug

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

如何在Windows的离子视图中调试应用程序?

For iOS (Ionic, PhoneGap, Cordova) apps debugging on Safari, please check this post.

对于在Safari上调试的iOS(Ionic,PhoneGap,Cordova)应用程序,请查看此帖子。

#3


0  

If you've installed the Ionic CLI using npm, and it has been successfully added as a PATH variable to your Windows environment, you will have access to the ionic serve command. This spools up a localhost server on your machine for testing your app in a web view.

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

To check for bugs, simply open your browser's inspector and check for errors logged to the console.

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

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

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

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

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

#4


0  

Intel XDK and the Intel Live View app allow debugging of an iOS device from Windows.

英特尔XDK和英特尔实时视图应用程序允许从Windows调试iOS设备。

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

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

You have to sign your own version of the live view app and it gives you instructions for that.

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

Then you can just plug in your iPhone. Intel XDK will detect it. Click the debug tab, and it will deploy and debug your app.

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

#1


7  

I don't know why, but i thought GapDebug is much better known. GapDebug brings you all the features you need to debug your application in a very smooth and easy way. It works on Mac OS X but also on a Windows Computer.

我不知道为什么,但我认为GapDebug更为人所知。 GapDebug为您提供了以非常流畅和简单的方式调试应用程序所需的所有功能。它适用于Mac OS X,但也适用于Windows计算机。

UPDATE:

更新:

GapDebug was discontinued in 2016 with version 2.4.0 as the final release. It works for apps running on Android and iOS 9 and earlier but not on iOS 10 and up.

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

See Genuitec to Discontinue Development of GapDebug .

请参阅Genuitec以停止GapDebug的开发。

Link to last Windows GapDebug 2.4.0 installer.

链接到上一个Windows GapDebug 2.4.0安装程序。

#2


1  

Above answers about ionic serve and GapDebug are fantastic, But there is another way to debug ionic application running on android device by using Chrome browser.

关于离子服务和GapDebug的上述答案非常棒,但是还有另一种方法可以使用Chrome浏览器调试在Android设备上运行的离子应用程序。

Yes chrome, all you have to do is type chrome://inspect, make sure your phone is USB connected with enabled Developer Options, and see the magic!

是的chrome,您只需键入chrome:// inspect,确保您的手机已通过启用的开发者选项与USB连接,并看到魔术!

Note: If you are using Chrome to inspect/debug, then must close GapDebug

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

如何在Windows的离子视图中调试应用程序?

For iOS (Ionic, PhoneGap, Cordova) apps debugging on Safari, please check this post.

对于在Safari上调试的iOS(Ionic,PhoneGap,Cordova)应用程序,请查看此帖子。

#3


0  

If you've installed the Ionic CLI using npm, and it has been successfully added as a PATH variable to your Windows environment, you will have access to the ionic serve command. This spools up a localhost server on your machine for testing your app in a web view.

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

To check for bugs, simply open your browser's inspector and check for errors logged to the console.

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

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

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

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

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

#4


0  

Intel XDK and the Intel Live View app allow debugging of an iOS device from Windows.

英特尔XDK和英特尔实时视图应用程序允许从Windows调试iOS设备。

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

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

You have to sign your own version of the live view app and it gives you instructions for that.

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

Then you can just plug in your iPhone. Intel XDK will detect it. Click the debug tab, and it will deploy and debug your app.

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