Javascript：检测网站的媒体查询？

Question

使用Modernizr和类似的库可以使用javascript检测媒体查询吗？我只需要查看媒体查询是否存在以及可能的宽度。

修改 我的问题。我正在制作Chrome扩展程序，需要能够查看当前网站是否使用媒体查询而无需重新调整视口大小。

在坚果壳中，我只想检查网站是否仅使用javascript进行媒体查询。那可能吗？

Answer 1

您可以尝试检查CSSMediaRule集合中的document.styleSheets个对象。例如，Modernizr网站使用媒体查询，我们知道这一点，因此我们可以通过检查它们的样式表对象进行检查：

document.styleSheets[0].cssRules; // CSSRuleList

在此列表中，我们只需查找任何CSSMediaRule;我们碰巧在他们的网站上找到了3个。