ionic-framework - ionic 应用程序无法在设备/模拟器上运行

标签 ionic-framework ionic ionic-view

昨天,它在模拟器中运行良好,但现在却显得愚蠢。我偶然发现了一种使其在模拟器中运行的方法:

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

$ ionic run ios

现在显示的是应用程序,但显示的是“残破”版本。

但是,如果我运行
$ ionic run ios --livereload

然后,我的应用程序将按预期工作!不幸的是, ionic View 应用程序显示了损坏的版本。 Chrome(通过ionic serve)显示了工作版本,因此我现在正在使用该版本进行开发,但需要对此进行修复。此时的故障排除过程是什么?

最佳答案

即使它与--livereload一起在网络上都可以使用,但问题始终在于脚本href网址。
问题: google maps js链接使用的是“//url.to.site”,因此我不得不手动添加“http:”和“瞧”。
如何在iOS设备上正确调试Ionic + angularjs应用
调试太糟糕了,直到我提出了一个好的解决方案。 请注意:这需要OS X或一些认真的黑客技巧。
以下是顺序步骤:

  • $ ionic build ios
  • TheApp/platforms/ios/TheApp.xcworkspace中打开Xcode
  • 在xcode中构建/运行应用程序到设备OR模拟器
  • 打开启用了开发人员模式的Safari Safari (菜单栏中的“首选项”>“高级”>“显示开发”菜单)
  • Safari 菜单中,选择Debug> [Name of iOS device]> index.html
  • Inspector 窗口处于事件状态时,单击 CMD + R (刷新),您将能够从页面加载开始时观看console.logs

  • 编辑快捷方式:如果使用$ ionic run ios --device,则可以跳过第1-3步
    这是很棒的,因为现在您可以在实际的iOS设备上单步执行代码了!我希望这可以节省您的一些时间。祝你好运!
    对于Android设备
    感谢@sajclarke,我找到了这篇文章:https://developer.chrome.com/devtools/docs/remote-debugging

    关于ionic-framework - ionic 应用程序无法在设备/模拟器上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30339394/

    相关文章:

    angularjs - 将 Ionic 部署为网站

    Javascript:显示单个数据而不是一行中的多个数据

    angular - 在 Angular 中动态配置 Firebase 环境

    android - 登录在 Ionic View 应用程序中不起作用

    ionic-framework - 无论如何在闪屏后删除白屏

    python - 我可以在 Ionic 中使用 Python 进行后端工作吗

    angularjs - 在Ionic中呈现HTML内容

    angularjs - 将 Angulartics 与 Ionic 框架集成

    angularjs - 刷新解析数据 - Ui 路由器

    css - ionic - 键盘打开时调整背景图像的大小