我用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