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

时间:2011-11-16 20:06:20

标签: javascript css3 media-queries

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

我已经做了一些浏览,但到目前为止,我绝对没有运气。我知道有可能像Respond.js那样的库必须这样做,但是看了一下我不确定他们是怎么做的,或者是最好的方法。

非常感谢任何建议,

谢谢:)

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

respond.js执行此操作的方式是加载css文件本身而不依赖于DOM向JavaScript公开的内容。 浏览器都支持其他东西,甚至他们支持的东西也不总是暴露。 例如,Internet Explorer只公开常规的styleRules(没有@imports或类似的东西)。 所以不要走那个方向。

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

希望它有所帮助,PM5544 ......