你用什么来测试你网站上的手持css?

经过一番狩猎,我找到了我要找的东西,谢谢你们的线索。

Opera将显示 手持式的 css,如果您从“视图”菜单中选择“小屏幕”。

我不确定重新提出这个老问题是否是个好主意,但我希望有人能找到它:)

有一种简单的方法可以使用测试手持css media queries :

    @media handheld, screen and (max-width: 500px) { /* your css */ }

之后,您可以通过将窗口大小调整到小于500px来在实现媒体查询的浏览器上进行测试。

如果你有Visual Studio,应该有设备模拟器可以让你测试移动IE,或者它们可以在微软的网站上单独找到。 Here are some for WM 5 .有一个 OpenWave simulator 可用于测试该浏览器。 Blackberry simulators 也可用于测试黑莓浏览器。您可以(某种程度上)使用Safari测试iPhone的支持,尽管您无法验证视口元标记。有一个 Opera Mini simulator 在这里。

另外,把CSS从HTML中去掉:)

我发现在开发环境中切换媒体类型最适合我。

例如,如果你正在测试“手持”css,那么只需将媒体类型“屏幕”添加到媒体矩阵中 注释掉你的默认css。

完成此步骤后,您通常希望在真实的手持设备上进行测试。

<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />

为了测试iPhone,您可以获取iPhone SDK here 但你需要OS X/Apple电脑才能以官方方式运行。

非官方/黑客:

• 有很多方法可以让OS X在标准PC硬件上运行,比如 here .
• 或者让SDK在Linux/vmware中运行 here .

快乐黑客!

Huibert Gill

大多数智能手机,如iPhone和一些Android设备,都无法识别 handheld.css 他们拿走了 mediatype="screen" 所以你需要包括这个 short snippet of JavaScript .