javascript - 防止脚本根据设备大小运行

Question

我有两个广告脚本，一个用于桌面设备，一个用于移动设备。目前，一个设置为 display: none 特定尺寸等等。我希望阻止当前未显示的脚本运行，因为脚本往往是资源密集型的，我正试图加快页面加载时间。有没有什么办法可以让脚本只在一定的宽度下执行？

我在想:

if ($(window).width >= 768px) {
    <script> Do stuff </script>
} else {
    <script> Do stuff </script>
}

但是我对此并不走运(我不确定脚本中的脚本如何工作)。还有其他方法吗？

Answer 1

与其让脚本以特定的宽度执行，不如考虑将它们拆分到不同的文件中，然后以特定的宽度加载。这样你就只加载你实际需要的脚本。

var size,
    script;    

if($(window).width() > 768) {
    size = 'large';
} else {
    size = 'small';
}

script = $('<script />').attr('src', 'http://example.com/script-' + size + '.js');

$('head').append(script);