javascript - 什么是 CSS 媒体查询的 JavaScript 等价物？

Question

我在使用媒体查询将 CSS 定位到特定浏览器大小/或上下文方面经验丰富，但现在我对使用 JS 执行此操作很感兴趣，基本上可以更好地控制我的脚本如何在不同功能的浏览器上运行。

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

有没有一种方法或系统可以在不检测浏览器的情况下给我这种控制？

Answer 1

多个if语句：

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

Answer 2

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

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

Answer 3

不需要 4 层以上的间接层。

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

Answer 4

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