虽然建立一个移动网站对您来说很重要,无论您的业务如何,也会为您带来创建移动网站的最佳实践。虽然您有许多工具可以按照您的想象创建您的网站,但您必须首先在您选择的移动设备上实时发送网站之前对其进行彻底测试。

Responsive-web-design-720x400.png

这里的主要问题是你正在处理太多的移动设备和移动操作系统,因此,在每个设备上测试你的网站会变得非常费力和昂贵。为了使您的工作更简单,有一些有用的工具可以帮助您确保您的网站绝对适合移动设备。

W3C mobileOK Checker

W3C mobileOK Checker是您可以使用的最佳工具之一,可帮助您测试网站在移动设备上的效果。此工具在估算您的网站与移动网络的兼容性级别之前,会在网页上执行多项测试。 W3C开发了mobileOK Basic Tests 1.0规范,旨在让您清楚了解您网站的移动友好性。

iPhoney

一款非常准确的iPhone测试仪,您也可以完全免费使用。虽然iPhoney不是真正的模拟器,但它可以让你构建320x480px网站,兼容iPhone屏幕规格。

这意味着您可以在实际Apple Safari类型的环境中测试代码和网站图像,包括原始iPhone的所有功能,如缩放,插件,横向和纵向模式等。

Google Mobilizer

Google Mobilizer是一款简单且用户友好的工具,可在移动浏览器上测试您的网站。要使用此工具,您只需在为此目的提供的框中输入您的网页地址。完成后,您可以轻松修剪和调整您的网页,以使其最适合移动设备。这是最适合您的工具之一,因为它可以在移动网络上为您提供页面的实际视觉输入。

iPad Peek

顾名思义,这个测试工具可以让您估算网页与Apple iPad屏幕的兼容性。虽然这本身就足够好,但最需要使用基于WebKit的浏览器,例如Google Chrome或Apple Safari,以实现最高级别的网页模拟。即使使用支持CSS3的浏览器(如Opera)也会对您有所帮助,因为它会以纵向模式呈现页面。

Gomez

Gomez移动准备测试基于30多种成熟,万无一失的移动Web开发技术对您的网站进行分析。然后,它会在1到5个点之间对您的页面进行评级。此工具不仅可以为您提供或多或少的准确结果,还可以提供有关如何进一步改进网站的建议,以使其与移动浏览器更加兼容。请注意,此工具首先要求您输入一些个人信息,然后才能继续使用它。

MobiReady

MobiReady与Gomez非常相似,只是稍微复杂一点。此外,该工具还基于在线测试,要求您输入网页地址,在该地址上执行各种兼容性测试,例如页面测试,站点测试,标记测试等。在测试结束时,此工具为您提供全面的结果页面,为您提供dotMobi,设备模拟器,代码检查,HTTP测试以及详细的错误报告的合规级别,以便您更好地理解。

dotMobi模拟器

此模拟器为您提供各种移动设备上的网页实时预览。请注意,此仿真器最适合在旧版移动设备上进行测试。它还要求您下载Java浏览器插件以正确显示结果。


本文由 quaner 整理发布,参考 CC-BY-SA 3.0 协议共享,欢迎转载、引用或改编。
感谢您的支持,以让我们持续关注中国学子的STEAM旅程!

还不快抢沙发

添加新评论