Ionic 应用无法在 device/simulator 上运行
Ionic app not working on device/simulator
它昨天在模拟器中运行良好,但现在它表现得很愚蠢。不过,我碰巧偶然发现了一种让它在模拟器中工作的方法:
通常在 ios 我 运行
上模拟应用程序
$ ionic run ios
现在显示的是该应用程序的 "broken" 版本。
但是,如果我 运行
$ ionic run ios --livereload
然后我的应用程序按预期运行!不幸的是,ionic view 应用程序显示损坏的版本。 Chrome(通过 ionic serve
)显示了工作版本,所以我现在用它来开发,但我需要修复它。此时的故障排除过程是什么?
尽管此 在网络上与 --livereload
一起工作,但问题始终与脚本 href url.
相关
问题: google 地图 js
link 使用“//url.to.site” 所以我不得不手动添加“http:”,瞧。
如何在 iOS 设备上正确调试 ionic + angularjs 应用程序
调试这是糟糕,直到我想出好解决方案。 注意: 这 需要 OS X 或一些严肃的黑客技能。
步骤如下:
$ ionic build ios
- 在
Xcode
中打开 TheApp/platforms/ios/TheApp.xcworkspace
- Build/Run xcode 中的应用到设备或模拟器
- 打开 Safari 启用 开发者模式(首选项 > 高级 > 在菜单栏中显示开发菜单)
- 在 Safari 菜单中 select
Debug
> [Name of iOS device]
> index.html
- 当 Inspector window 处于活动状态时,按 CMD+R(刷新) 然后您将能够从 页面加载开始 .
开始观看您的 console.logs
EDIT 快捷方式:如果您使用 $ ionic run ios --device
,则可以跳过步骤 1-3
这太棒了,因为现在您可以在实际的iOS 设备上单步执行您的代码!我希望这会为你们中的一些人节省大量时间。祝你好运!
对于 Android 设备
感谢@sajclarke,我找到了这篇文章:https://developer.chrome.com/devtools/docs/remote-debugging
它昨天在模拟器中运行良好,但现在它表现得很愚蠢。不过,我碰巧偶然发现了一种让它在模拟器中工作的方法:
通常在 ios 我 运行
上模拟应用程序$ ionic run ios
现在显示的是该应用程序的 "broken" 版本。
但是,如果我 运行
$ ionic run ios --livereload
然后我的应用程序按预期运行!不幸的是,ionic view 应用程序显示损坏的版本。 Chrome(通过 ionic serve
)显示了工作版本,所以我现在用它来开发,但我需要修复它。此时的故障排除过程是什么?
尽管此 在网络上与 --livereload
一起工作,但问题始终与脚本 href url.
问题: google 地图 js
link 使用“//url.to.site” 所以我不得不手动添加“http:”,瞧。
如何在 iOS 设备上正确调试 ionic + angularjs 应用程序
调试这是糟糕,直到我想出好解决方案。 注意: 这 需要 OS X 或一些严肃的黑客技能。
步骤如下:
$ ionic build ios
- 在
Xcode
中打开 - Build/Run xcode 中的应用到设备或模拟器
- 打开 Safari 启用 开发者模式(首选项 > 高级 > 在菜单栏中显示开发菜单)
- 在 Safari 菜单中 select
Debug
>[Name of iOS device]
>index.html
- 当 Inspector window 处于活动状态时,按 CMD+R(刷新) 然后您将能够从 页面加载开始 . 开始观看您的
TheApp/platforms/ios/TheApp.xcworkspace
console.logs
EDIT 快捷方式:如果您使用 $ ionic run ios --device
这太棒了,因为现在您可以在实际的iOS 设备上单步执行您的代码!我希望这会为你们中的一些人节省大量时间。祝你好运!
对于 Android 设备
感谢@sajclarke,我找到了这篇文章:https://developer.chrome.com/devtools/docs/remote-debugging