离子应用程序无法在设备/模拟器上工作

Question

它昨天在模拟器中运行良好,但现在它表现得很傻.我碰巧偶然发现了让它在模拟器中工作的方法:

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

$ ionic run ios

现在显示应用程序,但它的"破碎"版本.

但是,如果我跑

$ ionic run ios --livereload

然后我的应用程序按预期工作!不幸的是,离子视图应用程序显示损坏的版本 Chrome(via ionic serve)显示了工作版本,因此我现在正在使用它进行开发,但我需要修复它.此时的故障排除过程是什么？

Answer 1

尽管这个工作在网络上沿--livereload的问题一直是一个脚本href网址.

问题:谷歌地图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(刷新),您就可以console.logs从页面加载开始时看到它.

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

这很棒,因为现在您可以在实际的iOS设备上单步执行代码了!我希望这能节省你们一些时间.祝你好运!

适用于Android设备

感谢@sajclarke我发现了这篇文章:https://developer.chrome.com/devtools/docs/remote-debugging