CSS媒体查询的JavaScript等同于什么？

Question

我在使用媒体查询将CSS定位到特定的浏览器大小/上下文方面有丰富的经验，但是现在我对使用JS感兴趣，从本质上可以更好地控制我的脚本在不同功能的浏览器上的运行方式。

我不是在问如何在JS中复制媒体查询的功能，而是要控制哪些代码在哪些浏览器上运行的方法有哪些？

是否有一种方法或系统可以在不依靠检测浏览器的情况下为我提供这种控制？

Answer 1

多个if语句：

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

Answer 2

不需要4级以上的间接。

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

Answer 3

除非您做一些基础工作来检​​测希望代码在其中运行的情况并将内容包装在if块中，否则，实际上没有任何东西可以控制代码的运行方式。 如果生成的服务器代码或js本身受阻，则可以在HTML中使用条件语句。

Answer 4

这使您可以为响应式设计定义断点，然后在浏览器进入和/或退出该断点时触发自定义事件。

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