什麼是CSS媒體查詢的JavaScript等價物？

Question

我在使用媒體查詢將CSS定位到特定的瀏覽器大小/上下文方面經驗豐富，但現在我對使用JS做這件事感興趣，本質上對我的腳本在不同能力的瀏覽器上的運行方式有更多的控制。

我不是要求如何在JS中複製媒體查詢的功能，但更多的是什麼方法來控制哪些代碼在哪些瀏覽器上運行？

有沒有一種方法或系統可以給我這種控制而不訴諸瀏覽器？

Answer 1

真的是沒有什麼控制如何在您的代碼運行，除非你做檢測的情況下一些基本的工作，你想要的代碼來運行，並且在有塊包裹的東西。您可以在HTML中使用條件語句，如果生成服務器代碼中的塊或js本身。

Answer 2

多個if聲明：間接

if ($(window).width() > 900)) { 
    // do something here 
} 

Answer 3

4+級別是沒有必要的。

var width = typeof innerWidth === 'undefined' ? document.body.clientWidth : innerWidth; 
if (width > 900) { 
    // do something 
} 

Answer 4

這允許您爲響應式設計定義斷點，然後在瀏覽器進入和/或退出該斷點時觸發自定義事件。

http://xoxco.com/projects/code/breakpoints/