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

Question

我一直在我的网站上添加对手持的css支持，但是还没有找到一个很好的测试工具。

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

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

Answer 1

经过一段时间的狩猎，我找到了我要找的东西，谢谢你们的领导。

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

Answer 2

我不确定复活这个老问题是否是个好主意，但我希望有人能找到它:)

有一种使用媒体查询测试手持css的简单方法：

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

之后，您可以在实现媒体查询的浏览器上进行测试，方法是将窗口调整为小于500 by。

Answer 3

如果您有Visual，则应该有允许您测试移动IE的设备仿真器，或者可以在Microsoft的站点上找到它们。这是WM 5的一些。有一个可用于测试该浏览器的OpenWave模拟器。黑莓模拟器也可以用来测试黑莓浏览器。您可以(某种程度上)使用Safari测试iPhone支持，尽管您无法验证。这里有一个Opera模拟器。

另外，将CSS从HTML中提取出来:)