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

StackOverflow https://stackoverflow.com/questions/259330

题

我一直在添加 css 支持 手持式 访问我的网站，但一直无法找到一个好的测试工具。

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

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

有帮助吗？

解决方案

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

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

其他提示

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

有一种简单的方法可以使用媒体查询来测试手持式CSS：

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

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

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

另外，从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 这里但你需要 OS X / Apple 电脑才能以官方方式运行。

非官方/黑客：

  • 有多种方法可以让 OS X 在标准 PC 硬件上运行，例如 这里.
  • 或者获取运行在 Linux/vmware 中的 SDK 描述 这里.

黑客快乐！

惠伯特·吉尔

大多数智能手机（如iPhone和某些Android设备）无法识别 handheld.css 。他们采用了 mediatype =＆quot;屏幕“，所以你需要包含这个简短的JavaScript代码。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top