【翻译】【Ionic】章节 4: 测试你的APP

原文地址:http://ionicframework.com/docs/guide/testing.html
现在,因为我们实际的东西可看了,针对我们的应用程序,我们需要谈谈测试和开发过程中。有四种方式为您开发测试您的应用程序:在桌面WebKit浏览器,在iOS或Android模拟器,在手机浏览器上,或在手机上的原生应用。

桌面浏览器测试

在浏览器中测试你的应用 就和 在你的项目的根文件夹中运行命令 一样简单。
$ ionic serve
这将开始为你的项目现场,重载服务器。当改变任何HTML,CSS或JavaScript文件所做的,当文件被保存在浏览器将自动重新加载。


尝试在中间像右划动(或用鼠标模拟操作),可以露出左边的菜单。(操作)如黄油般流畅!

模拟器测试

你还可以用模拟器测试,就像上一章的Cordova命令。例如,在iPhone模拟器测试,执行:

$ ionic build ios
$ ionic emulate ios

用安卓测试的可以用android代替ios。如果你想要更高级的,你也可以通过Xcode(ios)或者AS、Eclipse(android)打开你的项目根目录中Platform文件夹里对应的平台文件夹作为特定平台项目。然后,你可以在特定于平台的IDE内部生成和测试。注意:如果你这样做了,我建议依旧在根目录的www文件夹内进行工作,当你做了修改该文件夹,运行以下命令:
$ cordova prepare ios
这将更新与www文件夹中的ios代码的具体项目。注意:这将覆盖你的平台/ IOS/ www 和其他特定于平台的文件夹中所做的任何更改。

移动浏览器测试

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,908评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • 剧情在一开始,就代入了一种紧张感,即使是在迈克·威廉姆斯吃饭的早上,他的女儿用可乐喷发解释了后续的井喷原理,让旁观...
    王可淇阅读 570评论 0 1
  • 自古以来,养生之道就流传着这样一句话:“冬练三九,夏练三伏。” 练过武术的人都知道,冬练三九,夏练三伏的原理。练武...
    东方侠影阅读 3,230评论 7 10