使用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 ...