随着智能手机销量的不断增长和蓬勃发展的平板电脑市场开始飙升，再加上更强大的移动数据网络，我们的用户现在正以多种新的方式访问互联网。现在浏览网页的移动设备五花八门，这意味着你必须考虑让你的网站与移动设备兼容设计响应式网站．但你该怎么做呢?
在移动设备上测试网站既耗时又昂贵，因为有大量不同的移动设备。不要担心，因为有一些方便的工具可用于确保您的网站在移动Web上适当地呈现。本文分享并讨论了10个这样的工具。
1.iPhoney
作为一款优秀的免费iPhone测试工具，iPhoney并不是一个真正意义上的模拟器，但它允许开发者在iPhone上创建320x480px的网站。它允许你在一个像素完美的苹果safari驱动的环境中测试图像和代码，具有所有正常的功能，包括纵向和横向模式，全屏，缩放和插件。
2.W3C mobileOK检查器
这个检查器是基于web的自动验证工具它可以检查你的网站对移动设备的友好程度。对测试进行检查W3C mobileOK基本测试W3C开发的规范。
3.iPad偷看
这个方便的网络工具可以让你看到你的网站在iPad上呈现时的样子。建议您使用基于webkit的浏览器，如Apple Safari或谷歌Chrome，以获得尽可能准确的模拟-或者至少使用支持css3的浏览器转换属性(如Opera)，因为它使用它们在纵向模式下呈现页面。
4.修改Firefox的头文件附加组件
Firefox的一些附加组件可以操纵发送到服务器的数据，使用户代理看起来好像是在移动设备上浏览，即使它们不是。要做到这一点，您需要一个名为Modify Headers的插件(用于Firefox)。下载并安装此插件后，新选项Tools >默认用户代理和Tools >修改头应出现在浏览器中。
要模拟在移动设备上浏览，您需要找到您的移动设备的用户代理配置文件(UAProf)值，可以在谷歌上快速搜索“用户代理”，然后再搜索您的手机型号(例如，请参阅谷歌的结果“用户代理iPad”)。或者，看看这个UAProf值列表．
一旦你找到了你想要的手机的UA Profile值，将其输入到Modify Header对话框中，然后，你将看到如何从该设备浏览。对于谷歌Chrome浏览器，您可以尝试用户代理切换器扩展。对于一个独立于浏览器的桌面应用程序，它几乎可以在任何支持互联网的应用程序上运行，请尝试一下Fiddler Web调试器它可以让你修改HTTP请求等等。
5.adobedevicecentralcs5
作为最新的Adobe Creative Suite的一部分，Device Central可以在桌面上模拟移动设备的操作，使您可以在舒适的桌面上测试HTML和Flash。选择“设备配置文件”>“浏览设备”，单击右键，选择添加到测试设备．现在您已经添加了一个设备，只需转到File > Open(用于本地测试)或File > Open URL(用于远程测试)。
虽然远非免费，但如果您是一名专业的设计师或开发人员，您将有很大的机会能够访问Adobe的创意应用程序套件。
6.谷歌移动器
谷歌Mobilizer是一个简单的网络工具，它可以让你输入一个网页地址，然后通过精简内容使页面变得适合移动网络。这是一个很好的工具，可以帮助您了解在站点的哪些地方可以进行性能优化。
7.戈麦斯
Gomez移动就绪测试基于对30多种经过验证的移动web开发技术的分析，从样式表使用(例如媒体查询)到缓存技术和符合标准的代码，为您提供了1到5分之间的分数。结果显示在一个易于理解的文档中，提供了如何使您的网站更好的建议。
不幸的是，为了能够测试您的站点，您必须输入一堆信息，包括您的电子邮件地址、国家、邮政编码和电话号码。
8.MobiReady
与Gomez相同的是，MobiReady是另一个在线测试网站，允许您输入URL，这样它就可以执行一组评估，包括页面测试，标记测试和网页的站点测试。这是上面Gomez的一个更详细的版本，提供了一个全面的测试结果页面，包括dotMobi遵从性、W3C mobileOk测试、设备模拟器、详细的错误报告、HTTP测试和代码检查器。然而，结果并不像Gomez的结果那样简洁，这在向技术不那么敏锐的客户/雇主展示你的信息时是一个缺点。
9.DotMobi模拟器
dotMobi模拟器可以让你从不同的手机(老实说，相当小)实时预览你的网站。如果您需要在旧的移动设备上测试页面，这个移动测试工具非常有用。这个工具的潜在用户可能会讨厌的是，它需要Java浏览器插件才能工作。
10.Opera Mini模拟器
已经有超过1.2亿部智能手机预装了Opera［1］以及一个几乎适用于所有操作系统的版本，确保你的网站可以运行Opera Mini(Opera web浏览器的移动版本)是一个很好的实践，可以包含在您的测试工作流程中。值得庆幸的是，Opera为我们提供了一个免费的基于网络的模拟器，用于在使用Opera Mini的移动设备上测试和评估你的网页设计。该工具需要Java浏览器插件才能运行。
现在许多行业的大部分流量来自移动设备，而不是桌面，你必须有一个移动友好的网站。以大学校园为例。绝大多数学生，如果不是所有的学生都有一部手机，可能大部分时间都在用那部手机访问校园网站。
这是一个要记住的关键设计大学网站．如果它对移动设备不友好，用户体验就会很糟糕。
进一步的阅读
- 移动网页设计:最佳实践:本文列出了20个手机模拟器。
- 为iPad设计Web应用程序:设计iPad网站时的提示和设计注意事项。
- 每一个网页设计师都应该知道的10个iPhone应用程序:这是一个为设计师准备的移动应用程序集合。
- iPhone SDK入门:想了解如何创建iPhone应用程序?阅读这篇介绍性指南。
参考文献
- Opera:移动Web报告的状态。www.opera.com
相关内容
- 快速浏览手机网页设计
- 移动网页设计:最佳实践
- 手机网页设计:值得吗?
- 相关类别：工具而且Web开发
