javascript - Javascript：检测网站以进行媒体查询？

Question

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

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

简而言之，我只想检查一个站点是否仅使用 javascript 来使用媒体查询。那可能吗？

Answer 1

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

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

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