1.3 配置移动开发工具

HTML5移动Web开发实战
适用浏览器:所有

在前一节还剩下一个问题没有回答:我应该在哪些设备和模拟器上测试?我们会在这一节回答。

如果你决定了需要支持的核心移动设备,那么现在就可以来看看如何配置了。如果在过多移动设备上测试,那么移动开发成本会很高,虽然我们可以使用移动设备的模拟器和仿真器,但都比不上在真实设备上做测试。现在我们来看看如何最大化测试覆盖率并最小化成本。

1.3.1 准备

我们会首先做一些假设,虽然具体情况可能不同,但思路是一样的。我们假设你的桌面操作系统是Windows,而大部分用户是通过iOS、Android、Blackberry来访问你的网站。

1.3.2 实践

你的目标是最大化覆盖率和最小化成本,虽然所有的设备都有模拟器,但他们并不支持所有的平台。




html5移动开发学习 html5移动web开发指南_操作系统



如表1-1所示,由于iOS模拟器只运行在Mac上,如果你使用Windows操作系统,那么最好也是唯一的选择就是购买iPhone来测试。对于Android和Blackberry,因为他们都有Windows上的模拟器,你可以直接下载模拟器来节约成本。

1.3.3 回顾

1.列出你的用户的主要移动设备。

2.了解你用于开发的操作系统。

3.确定每个设备模拟器对于开发环境的兼容性。

1.3.4 延伸

如果你有资金购买多台运行于不同操作系统的移动设备,那么你可以考虑得更多一些,例如,屏幕尺寸和DPI。也许你不需要该购买两台高端设备,例如iPhone4和Android Thunderbolt1。你可以购买一款低端Android设备来测试你的手机在低端设备上的样式。总的来说就是减少你的操作系统、移动设备和模拟器,让他们每个都覆盖尽可能多的使用场景。

各设备模拟器、仿真器下载表
下面的表1-2显示了用于网页设计和测试的主流移动设备模拟器。


html5移动开发学习 html5移动web开发指南_操作系统_02



浏览器的模拟器、仿真器下载表
除移动设备测试工具外,我们还有针对跨平台浏览器的工具,特别是Opera和Firefox,如表1-3所示。


html5移动开发学习 html5移动web开发指南_移动设备_03



远程测试
除仿真器和模拟器之外,还有一些测试平台提供远程连接到真实设备,其中之一就是DeviceAnywhere,但问题是它并不免费。