你用什么来测试你网站上的掌上电脑？

Question

我一直在为我的网站添加掌上电脑的CSS支持，但一直无法找到一个好的测试工具。

我尝试使用适用于Firefox的webdeveloper插件，但它对我不起作用。也许这是因为我的所有CSS都在html中，而不是一个单独的css文件。

除了外出购买手持设备外，还有其他可用的测试工具吗？

Answer 1

通过一些狩猎我找到了我想要的东西，感谢领导人。

如果从“视图”菜单中选择“小屏幕”，Opera将显示手持设备 css。

Answer 2

我不确定复活旧问题是不是一个好主意，但我希望有人能找到它：）

使用media queries测试手持式css有一种简单的方法：

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

之后，您可以通过将窗口大小调整为小于500px来测试实现媒体查询的浏览器。

Answer 3

如果你有Visual Studio，应该有设备模拟器让你测试移动IE，或者它们可以在微软的网站上独立找到。 Here are some for WM 5。可以使用OpenWave simulator来测试该浏览器。 Blackberry simulators也可用于测试Blackberry浏览器。虽然您无法验证视口元标记，但您可以（通过Safari）测试iPhone支持。这里有一个Opera Mini simulator。

另外，从HTML中获取CSS：）

Answer 4

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

例如，如果您正在测试“掌上电脑”css，那么只需将媒体类型“屏幕”添加到媒体atrib和 注释掉你的默认css。

完成此步骤后，您通常会想要在真正的手持设备上进行测试。

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

Answer 5

为了测试iPhone，你可以获得iPhone SDK here 但是你需要OS X / Apple计算机才能以官方方式运行。

不是官方/黑客：

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

快乐黑客！

Huibert Gill

Answer 6

iPhone和某些Android设备等大多数智能手机无法识别handheld.css。他们选择mediatype="screen"，因此您需要包含此short snippet of JavaScript。