我一直在为我的网站添加对手持设备的 css 支持，但一直找不到一个好的测试工具。
我尝试使用 Firefox 的 webdeveloper 插件，但它对我不起作用。也许那是因为我所有的 css 都在 html 中，而不是单独的 css 文件中。
除了外出购买手持设备外，还有其他可用的测试工具吗？
KPexEA
问问题
10543 次
6 回答
8
经过一番打猎，我找到了我想要的东西，感谢领导者。
如果您从“视图”菜单中选择“小屏幕”，Opera 将显示手持CSS。
于 2008-11-03T18:06:10.267 回答
6
我不确定复活旧问题是否是个好主意，但我希望有人能找到它:)
有一种使用媒体查询测试手持 CSS 的简单方法：
@media handheld, screen and (max-width: 500px) { /* your css */ }
之后，您可以通过将窗口大小调整为小于 500 像素来测试实现媒体查询的浏览器。
于 2009-06-15T15:39:32.177 回答
3
如果你有 Visual Studio，应该有可以让你测试移动 IE 的设备模拟器，或者可以在 Microsoft 的网站上独立找到它们。 以下是 WM 5 的一些内容。有一个OpenWave 模拟器可用于测试该浏览器。 黑莓模拟器也可用于测试黑莓浏览器。尽管您无法验证视口元标记，但您可以（在某种程度上）使用 Safari 测试 iPhone 支持。这里有一个Opera Mini 模拟器。
另外，从 HTML 中获取 CSS :)
于 2008-11-03T17:22:29.450 回答
1
我发现在开发环境中切换媒体类型最适合我。
例如，如果您正在测试“手持”css，那么只需将媒体类型“screen”添加到媒体 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" />
于 2011-06-14T13:23:24.127 回答
0
要测试 iPhone，您可以在此处获取 iPhone SDK 但您需要 OS X / Apple 计算机才能使其以官方方式运行。
非官方/黑客：
- 有一些方法可以让 OS X 在像这里这样的标准 PC 硬件上运行。
- 或者让 SDK 在此处描述的 Linux/vmware 中运行。
快乐黑客！
惠伯特·吉尔
于 2008-11-03T18:03:23.127 回答
0
大多数智能手机（如 iPhone）和一些 Android 设备都无法识别handheld.css. 他们采用了，mediatype="screen"因此您需要包含这个JavaScript 的简短片段。
于 2011-06-16T15:34:03.720 回答