是否有一些方法可以为浏览器指定默认媒体类型(比方说chrome),这样我就可以测试css @media样式了？
@screen
{
div { background-color:red; }
}
@handheld
{
div { background-color:lime; }
}
<div style="width:100px;height:100px"></div>
这样我可以(不用触摸我的代码)测试浏览器中的两种媒体类型？更改媒体类型将更改上面div的颜色.Chrome扩展程序,一些javascript或其他一些魔法将非常感激.
在Javascript中是否有直接的方法(不涉及解析css代码)来确定哪个媒体查询是活动的？
例如,我有两个问题:
@media screen and (max-width:800px)
@media screen and (min-width:801px)
在没有解析和查看clientWidth的情况下,如何判断哪一个已经评估为true.
我有一个简单的 html 文档。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns="http://www.w3.org/2000/xmlns
xmlns:bar="http://www.foo.com/schemas/bar">
<head>
</head>
<body>
<img src="penguins.png" bar:xwidth="300"/>
</body>
</html>
当我在 Chrome 或 Firefox 调试器（或 Javascript）中检查属性 bar:xwidth 时，我希望发现该属性的命名空间URI为“http://www.foo.com/schemas/bar”，不幸的是它是无效的。
问题似乎是元素/属性的解析与编程构造。在 Javascript 中，我可以构建我想要的内容，但是任何解析、加载上述内容或 element.innerHTML = "" 都会产生一个具有 null 命名空间的属性。
关于如何使属性的命名空间URI正确有什么想法吗？