8

它昨天在模拟器中运行良好，但现在它表现得很愚蠢。我碰巧偶然发现了一种让它在模拟器中工作的方法：

通常在我运行的 ios 上模拟应用程序

$ ionic run ios

现在显示该应用程序，但它的“损坏”版本。

但是，如果我运行

$ ionic run ios --livereload

然后我的应用程序按预期工作！不幸的是，离子视图应用程序显示损坏的版本。Chrome（通过ionic serve）显示工作版本，所以我现在正在使用它来开发，但我需要修复这个问题。此时的故障排除过程是什么？

4

1 回答 1

39

尽管这在网络上有效，--livereload但问题一直是脚本 href url。

问题：谷歌地图js链接使用“//url.to.site”，所以我不得不手动添加“http:”，瞧。

如何在 iOS 设备上正确调试 ionic + angularjs 应用程序

在我想出一个好的解决方案之前，调试这个很糟糕。当心：这需要OS X 或一些严肃的黑客技能。

以下是按顺序执行的步骤：

  1. $ ionic build ios
  2. 打开TheApp/platforms/ios/TheApp.xcworkspace方式Xcode
  3. 在 xcode 中构建/运行应用程序到设备或模拟器
  4. 打开Safari并启用开发人员模式（首选项 > 高级 > 在菜单栏中显示开发菜单）
  5. 在Safari菜单中选择Debug> [Name of iOS device]>index.html
  6. 当Inspector窗口处于活动状态时，点击CMD+R ( refresh )，您将能够从页面加载console.logs的开头看到您的内容。

编辑快捷方式：如果您使用，您可以跳过步骤 1-3$ ionic run ios --device

这太棒了，因为现在您可以在实际的 iOS 设备上单步执行您的代码！我希望这会为你们中的一些人节省大量时间。祝你好运！

安卓设备

感谢@sajclarke，我找到了这篇文章：https ://developer.chrome.com/devtools/docs/remote-debugging

于 2015-05-21T23:08:14.793 回答