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

Question

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

现在我正在为自己设计一个HTML5 / CSS3的新个人网站，我在我的网站上发现了一些很好的javascripts，比如下雪效果等等。它们在我的笔记本电脑等大尺寸屏幕上工作得很好，但在我的手机上，它们只是发疯了。

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

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

我真的很感激你的帮助。谢谢大家！

Answer 1

在您的 Javascript 中，您可以使用以下内容执行此操作：

man ctags

Answer 2

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

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) {

    }
});