Question

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

我不是要求如何在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块中。您可以在HTML中使用条件语句，如果生成服务器代码中的块，或者在js本身中使用。

Answer 4

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