使用JavaScript查找已定义的媒体查询

Finding Defined Media Queries with JavaScript

本文关键字：媒体 查询 定义 JavaScript 查找 使用      更新时间：2023-09-26

我的挑战是搜索一个网页，试图找到所有定义的页面断点，例如媒体查询。我不想只找到当前正在应用的媒体查询，而是在CSS文件中找到所有已定义的媒体查询。

我已经浏览了一下，但到目前为止我完全没有运气。我知道这是可能的，因为像response .js这样的库必须这样做，但是看过源代码后，我不完全确定他们是如何做到的，或者是最好的方法。

任何建议都非常感谢，

谢谢:)

只是一个猜测，你可以尝试解析<link>标签，抓取url到.css文件并通过AJAX请求它们(如果在同一域)，一旦你收到.css文件的主体，你可以解析它并找到媒体查询。

response .js这样做的方式是加载css文件本身，而不是依赖于DOM暴露给JavaScript的内容。浏览器都支持其他功能，甚至是它们支持的功能并不总是公开的。例如，Internet Explorer只公开常规的stylerrules(没有@imports或类似的东西)。所以不要往那个方向发展。

我建议采用类似于response .js'的方式，并以这种方式获取媒体查询。

希望有帮助，PM5544…

相关文章：