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

Question

我用 900 x 600 的固定背景图像设计了我的网站。在电脑上看起来不错。它在 PDA 设备上看起来如何？我需要为 PDA 单独设计吗？

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

我应该怎么办？

score 12 · Accepted Answer

尝试使用Opera的“小屏幕”视图（视图 > 小屏幕）。这在模拟移动屏幕方面做得相当不错。在 Opera 自己的网站上试用。请注意，当您在手持设备上查看或切换到小屏幕模式时，它们使用“手持”类型的样式表。
您可以免费下载Google 的 Android SDK进行测试。
要在 iPhone 上进行测试，请参阅iPhone 测试器。右下角有一个按钮可以将 iPhone 旋转到宽屏状态。
OpenWave电话模拟器应该不错。
你可以试试mobi在线模拟器。
适用于 Smartphone的Windows Mobile 5.0 SDK包含“基于 Windows Mobile 5.0 的 Smartphone Device Emulator 图像和皮肤文件”
最后，一些一般性指导：Web 内容可访问性和移动 Web：使网站对残疾人和移动设备都可访问

score 2 · Accepted Answer

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

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

优点是您只需要一个版本的站点，区别在于样式表。您需要一个额外的 CSS，而通过浏览器检测，您需要站点中每个页面的不同版本。缺点是并非所有浏览器都支持media样式表的属性。但是最现代的浏览器会这样做，并且对它的支持正在增长。

如果您有兴趣，我建议您查看A List Apart 文章。

顺便说一句，如果您还没有使用 css，请立即切换到它，无论您选择哪种解决方案来解决您的问题。CSS 摇滚！

score 1 · Accepted Answer

1

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

于 2008-11-16T10:32:20.450 回答

score 0 · Accepted Answer

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

例子：

4 回答 4