是否可以根据CSS中的媒体查询禁用脚本？

Question

我真的很想知道这是否可能。

现在，我正在用HTML5 5/CSS3 3为自己设计一个新的个人网站，我在我的站点上找到了一些很好的javascripts来执行，比如下雪效果等等。它们在像我的笔记本电脑这样的大屏幕上工作得很完美，但在我的手机上，它们就是疯了。

我一直在使用媒体查询来使我的网站响应，我想也许我可以阻止这些脚本在小屏幕上使用某种“禁用代码”或媒体查询之类的东西。当然，我并不痴迷于这些脚本，但其中一些脚本确实很好，也很有用，如果我能够解决这个问题而不丢失它们，我会非常高兴的。

顺便说一句，我也在使用Bootstrap，所以我需要运行javascript，所以关闭所有脚本对我来说是不可能的。我只需要禁用一些特定的。

我非常感谢你的帮助。谢谢大家！

Answer 1

在您的Javascript中，您可以这样做：

if (screen.width < 600) {
        // don’t download complicated script
        // use low-source images instead of full-source ones
}

else{
   //let's see the snowflakes()!
}

Answer 2

如果根据媒体查询设置了javascript库，则可以使用enquire.js。来自网站的例子

enquire.register("screen and (min-width: 40em)", {
    match : function() {
        // Load sidebar content in via AJAX.
        // Show sidebar
    },  
    unmatch : function() {
        // Hide the sidebar
    }
});

Answer 3

基本上，您可以从JS中删除它。会是一样的。

$(function(){
    if (window.width < 600) {

    }
});