移动网站页面如何测试

测试是你构建移动 app或者web页面最重要的一步。测试不仅可以体验用户浏览本页面时的感受，更重要的是可以提前发现错误及时修正，保证用户看到的是没有主要错误的。

测试移动app和web页面需要的注意事项list和测试web页面是一致的。在发布前，需要检查页面，至少看起来是好的，上线后也是一样。可是我们往往会忽视移动端测试，就算你没有独立的移动web页面，移动端特别是平板电脑测试也是不可或缺的。因为随着平板电脑越来越受欢迎，用户通过它访问网站的几率也越来越大。即使你希望他们用你的标准屏幕来访问，仍然会有访问者使用不同规格平板。

使用越多客户端测试越好，但是建议优先级：

iPad

iPhone and iPod touch

Android tablets

Android phones

other smartphones

standard cellphones

大多数人使用老版或者低端智能机浏览网页会容忍兼容问题，但是随着设备越来越高端，用户的期望也会越高。

怎么测试

下面有一些应该遵守步骤，不管是在web还是移动浏览器都适用的，如下：

首先，验证自己的HTML保证没有严重的错误。HTML不需要100%都是正确的，但是知道有什么错误可以帮助你找到解决之后发现的问题。
然后，在所有已安装的浏览器上测试。推荐安装FF,Chrome， Safari, and Opera （在Windows 和 Macintosh 都可用）
如果有另外一台装有不同系统的电脑（比如Mac OS 或者Linux），那同样适用这台机器上所有的浏览器测试下。一个网站可能在Window IE下表现OK，可是在Macintosh Safari中完全被打破了布局。。
一旦确认网页在PC上测试OK，可以尝试缩小其中一个浏览器试试看。若用了

CSS3 media queries,布局更有可能不同，可以使用  Web
Developer Tools 重新定义各种不同的浏览器窗口默认size，测试看看在更小的移动屏幕中会是什么样子
如果没有不同的机器，可以通过BrowserCam在线测试
然后就尽可能多测试些移动设备，当然测试得越多用户体验也就越好\(^o^)~~
移动设备的测试
一、 实体机测试
最好的方式就是在移动设备上测试。一般来讲，这就意味着，你要把自己的网页部署到web 服务器上，然后在移动设备中浏览测试。
当然大多数人一般都不会有太多的移动设备，但是你可以这样做：

去买（这不是废话么。。除非你钱多）
去租（同上废）
问朋友借，或者让他帮你测试，截图发你，并且告诉你他们的想法（你运气好的话）
去商店访问自己的网站（这招好玩~~）
外包测试公司入Utest（也要收钱滴）
雇佣人来测试（除非你是专业有收入的~~）
还是仿真器靠谱

二、 仿真器测试
如果没办法拿到实体机，只好仿真机测试（PS:这个是必须的，谁会买一堆三星，iphone放在旁边，除非公司）。当然仿真机不会和实体机一样好用，它比较慢，不会展示实体机所有的特点，你可以用手控制屏幕，但在虚拟机里只能使用鼠标。
这里有一些Android and iPhone/iPad的PC仿真机，可能会用到

Android—需要安卓开发工具

iPad and iPhone/iPad—内置在Macintosh
ios 开发工具中，需要支付$5

Blackberry—有几种不同的蓝莓机器，只能在Windows运行

Windows 7 Phone—Visual Studio IDE 中的一部分
还有一些线上仿真器可以支持移动设备

Opera Mini Simulator

dotMobi Emulator

DeviceAnywhere

BrowserCam

线上仿真器可能会比仿真器客户端有更多的限制。他们中有很多只支持截图，并且不能像普通设备一样交互。
所以仿真虚拟器并不是理想的测试方式（虽然在金钱的代价比较小），但是如果这是你的唯一选择，总比没有测试好。
翻译结束==
本文比较简单技术性的语言较少，总体来讲收获也还好，喜欢这篇文章最重要的原因，不是文章本身，而是提供了无数多个很好的网站，还是翻译下，推荐给大家吧~~

原文地址：http://webdesign.about.com/od/testing/a/test-mobile-web-pages.htm