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

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

桌面浏览器测试

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

【翻译】【Ionic】章节 4: 测试你的APP_第1张图片

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

模拟器测试

你还可以用模拟器测试,就像上一章的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 和其他特定于平台的文件夹中所做的任何更改。

移动浏览器测试

你可能感兴趣的:(【翻译】【Ionic】章节 4: 测试你的APP)