在浏览器中更改css媒体类型

Question

是否有一些方法可以为浏览器指定默认媒体类型(比方说chrome),这样我就可以测试css @media样式了？

@screen   
{  
    div { background-color:red; }  
}  

@handheld  
{  
     div { background-color:lime; }  
}

<div style="width:100px;height:100px"></div>

这样我可以(不用触摸我的代码)测试浏览器中的两种媒体类型？更改媒体类型将更改上面div的颜色.Chrome扩展程序,一些javascript或其他一些魔法将非常感激.

Answer 1

这可能是你想要的吗？

Chrome的Web Developer扩展

Web开发人员扩展具有名为"按媒体类型显示CSS"的功能.如果这对您没有帮助,您可以始终为每种媒体类型创建一个样式表,并使用import css语句指定要加载的类型:

@import url("handhelds.css") screen;