如何在移动设备上测试网站设计



我用900 x 600的固定背景图像设计了我的网站。在电脑上看起来不错。它在PDA设备上会是什么样子?我必须为PDA单独设计吗?

应该如何检查我的网站是否可以通过手机有效浏览?

我该怎么办?

  • 尝试使用Opera的"小屏幕"视图(视图>小屏幕)。这在模拟手机屏幕方面做得相当不错。在Opera自己的网站上试试。请注意,当您在手持设备上查看或切换到小屏幕模式时,它们使用"手持"类型的样式表。

  • 你可以免费下载谷歌的Android SDK在上进行测试

  • 要在iPhone上进行测试,请参阅iPhone测试仪。右下角有一个按钮,可以将iPhone旋转到宽屏状态。

  • OpenWave手机模拟货币应该很好。

  • 你可以试试mobi在线模拟器。

  • 适用于智能手机的Windows Mobile 5.0 SDK包含"基于Windows Mobile 5.0的智能手机设备模拟器图像和外观文件"

  • 最后,一些通用指南:Web内容可访问性和移动Web:使网站对残疾人和移动设备都可访问

您可以为手持设备提供替代样式表,而不是浏览器检测。带

<link rel="stylesheet" href="small.css" type="text/css" media="handheld">

优点是您只需要一个版本的站点,不同之处在于样式表。你需要一个额外的css,而通过浏览器检测,你需要网站中每个页面的不同版本。缺点是并非所有浏览器都支持样式表的media属性。但大多数现代浏览器都是这样做的,而且对它的支持正在增长。

如果你感兴趣的话,我建议你看一篇"列表分离"的文章。

顺便说一句,如果你还没有使用css,无论你选择哪种解决方案,都要立即切换到它。CSS摇滚!

您还可以获得Blackberry系列机器的设备模拟器。

好吧,你总是可以在那里抛出一些检测javascript来检查浏览器的类型,然后重定向到一个为移动设备格式化的不同网站。这似乎是大多数网站的常态。

示例:

  • Digg.com
  • Twitter.com
  • Google.com

相关内容

  • 没有找到相关文章

最新更新