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

Question

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

编辑:我的问题。我正在制作一个 chrome 扩展，它需要能够查看当前站点是否正在使用媒体查询，而无需重新调整视口(viewport)的大小。

简而言之，我只想检查网站是否单独使用带有 javascript 的媒体查询。那可能吗？

Answer 1

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

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

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