本节书摘来异步社区《移动网页设计与开发 HTML5+CSS3+JavaScript》一书中的第1章,第1.7节,作者:【英】Peter Gasston,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.7 测试,再测试,进行更多的测试
对于目前网络设备的现状,测试是确保所创建网站是否能跨多个设备运行的唯一方法。测试一直贯穿着整个项目,从开始到结束,都要抓住任何机会进行测试。如果规划的是一个多设备项目,那么,在整个项目中,多达40%至50%的时间将会用来测试。这是个很严肃的问题。
如果找不到实际设备的代替品来做测试,则可以着手建立一个库,并放入尽可能多的设备。如果单位附近有其他机构,还可以考虑集中资源,以获得范围更广的设备。许多城市都在组建设备实验室,其中有各种设备可供任何人使用,这些设备均由当地开发人员和公司捐赠。你还可以在线搜索最近的实验室,或者,考虑在公司或工作的地方参与组建一个实验室。
不要只对手机和平板电脑进行测试。如果网站的目标对象是年轻爱好者(研究表明,大约四分之一的美国青少年使用游戏机浏览器上网),则应该考虑测试游戏机浏览器;或者,如果网站瞄准的是休闲市场,则应该对电视设备进行测试。
如果无法使用实际设备,则可以使用一些专用的工具,大多数(也可能是全部)操作系统创建者和/或设备制造商都有可供免费下载的、设备模拟器的软件开发工具包(SDK)。在手机和平板电脑领域,安卓、Windows Phone和黑莓都有软件开发工具包,毫无疑问,除了它们之外,还有更多其他的品牌。在苹果的App商店里可以找到苹果公司的Xcode,它有iOS模拟器功能,在测试中,可以在设备和操作系统版本之间进行切换。
一旦设置好,许多这样的软件开发工具包还允许USB连接物理设备,通过配对的浏览器来做调试。但是,还有个更简单易行的方法—使用Opera的手机仿真器,一旦将其打开并连接到Opera的桌面版本,就可以使用在桌面上的开发人员工具来调试移动设备上的页面。如果需要使用WebKit—它主导着多设备引擎,为什么不用呢?—名为weinre的软件可以把台式机上的Chrome或Safari连接到安卓、iOS或黑莓模拟器上。
Adobe有一个叫做Edge Inspect的截图查看器,可以让任何使用Edge Inspect应用程序(眼下在iOS和安卓系统上可用)的设备与Chrome浏览器同步。这样,用户就能同时在许多不同的设备上预览网站,并用网络检查器进行远程调试。