javascript - 禁用特定媒体查询的 .js 文件？

Question

我想在浏览器窗口小于 1000 像素时禁用我的 .js 文件，但我也想针对特定设备/媒体查询禁用它。

例如，我想确保它不会在 iPad 上加载。

我已经排序了 1000px 部分，但我不确定如何实现媒体查询？

<script>
$(function() {
var windowWidth = $(window).width();
if(windowWidth > 1000){
    skrollr.init({
        forceHeight: false
    });
}});
</script>

Answer 1

您需要检测 userAgent，如下所示:What is the best way to detect a mobile device in jQuery?

在您的代码中:

<script>
        $(function() {
             var windowWidth = $(window).width();
          if(windowWidth > 1000 && !(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))){
           skrollr.init({
           forceHeight: false
          });
          }});
    </script>