Question

我正在使用外部JS插件，它在移动设备上加载速度非常慢，并且只想在桌面上加载它。

我的JS代码就像这样

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53a4066858ab24f0"></script>

我阅读了here和here给出的答案，但我无法弄清楚如何为外部JS文件执行此操作。任何想法如何做到这一点？

我尝试了这个，但是除了加载脚本（使用Chrome开发工具中的网络资源进行监控）之外，它也从桌面版本中删除了它。

<script>
    (function ($) {
        if ($(window).width() >= 768) {
            url = '//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53a4066858ab24f0';
            $.getScript(url);
        }
    })(jQuery);
</script>

Answer 1

我相信这样的事情对你有用：

<script>
var isDesktop = (function() {
  return !('ontouchstart' in window) || !('onmsgesturechange' in window);
})();
window.isDesktop = isDesktop;
if( isDesktop ){ url = '//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53a4066858ab24f0';
                 $.getScript(url);  
               }
</script>

在此处找到：Load jQuery script in desktop browser, but not mobile 作者：Travis J

仅在桌面上而不是在移动设备上加载外部JS

1 个答案: