【IT168 技术】在设计Web应用程序时最重要的过程就是测试,我们都知道Web设计中最大的挑战就是要确保Web页面与所有浏览器兼容,由于移动网络变得越来越重要,你可能也急于想知道你已有的网站和小工具在移动设备上看起来会是什么样子,但是设备的型号却有很多,要逐个去测试工作量太大,那该怎么办呢?当然理想的情况就是使用真实的手机进行测试,但这肯定不切实际,幸运的是有许多在线辅助工具来帮忙,本文介绍六款有用的工具。
1、Device Anywhere
Device Anywhere(链接:http://deviceanywhere.com/)是一家商业运营公司,成立于2003年,公司的使命是帮助移动应用程序厂家将它们的产品和服务带到移动平台上,目前全世界客户已超过2000家,它实际上就是一家SaaS解决方案公司,允许注册用户在任何地方使用任何网络任何设备进行测试,虽然有一系列的订购计划,但你可以免费进行试用。

图 1 Device Anywhere
2、MobiReady
MobiReady(链接:http://ready.mobi/launch.jsp?locale=en_EN)使用行业非常好的实践和标准测试移动准备就绪,输入要测试的URL地址,测试完成后你会收到一个免费的报告大纲,可以对单个网页进行测试(不用注册),也可以对整个网站进行测试(需要注册)。

图 2 MobiReady测试页面
3、Opera Mini
Opera Mini(链接:http://www.opera.com/mini/demo/)是Opera Mini浏览器的live demo,功能和安装在手机上差不多,测试时需安装Java运行环境,我安装的是jre 6-u14,输入www.itpub.net,回车看到如下图所示的效果,中间那个带有鼠标图标的小方框是用来局部放大的,单击鼠标左键即可。

图 3 Opera Mini实测效果
4、W3C Mobile OK Checker
W3C Mobile OK Checker(链接:http://validator.w3.org/mobile/)在一个网页上执行一系列的测试,确定它的移动设备友好程度,产生最短报告告诉你哪里需要改进。

图 4 W3C Mobile OK Checker
5、dotMobi 模拟器
dotMobi 模拟器(链接:http://mtld.mobi/emulator.php)模拟一个真实的手机浏览器,它有一个限制是只能选择两个不同的手机,一款是Nokia N70,另一款是Sony K750,输入测试的URL地址,点击"Submit",这个在线测试工具也需要安装Java运行环境。

图 5 dotMobi模拟器实测效果
6、iPhoney
iPhoney(链接:http://www.marketcircle.com/iphoney/)正如你从其名字猜到的那样,它是专门用于iPhone测试的,但注意它并不是iPhone模拟器,它是一款可下载的程序,精确到了像素级别,我们知道iPhone的分辨率是320x480(480x320),对于iPhone应用程序和网站设计人员非常有用,它内置的Safari浏览器,支持屏幕旋转,可以隐藏地址栏,支持页面缩放操作,可以开启/关闭插件,如Flash插件,最新版本是1.2,支持自动升级,它是开源的,你还可以进行个性化开发,但非常遗憾的是它只能运行在Mac OS X 10.4.7或更高版本的操作系统中。

图 6 iPhoney实测效果
当然还有其它很多模拟器可以选择,如果你愿意花钱购买的话就更多了,但本文介绍的在线工具可以让你进行免费的设计测试,你曾经用过这些或其它工具测试过你的设计吗?