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

Question

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

我已经做了一些浏览，但到目前为止，我已经绝对没有运气。我知道这是可能的，因为像Respond.js这样的图书馆必须这样做，但是看到了源代码，我不完全确定它们是如何做的或者是最好的方法。

任何意见是非常赞赏，

谢谢:)

Answer 1

只是一个猜测，你可能会尝试解析<link>标签，抓取网址.css文件（在同一个域中如果）通过Ajax请求他们，一旦您收到.css文件正文，您可以解析它并查找媒体查询。

Answer 2

response.js执行此操作的方式是加载CSS文件本身，而不依赖DOM向JavaScript公开的内容。 浏览器都支持其他的东西，甚至他们支持的东西，他们并不总是暴露。 例如，Internet Explorer只会公开正规的styleRules（没有@imports或类似的东西）。 所以不要进入这个方向。

我会建议一种类似于respond.js的方式，并以这种方式获取媒体查询。

希望它有帮助，PM5544 ...