仅在台式机上加载外部JS，而不在移动设备上加载

Load external JS only on desktops and not on mobile devices

本文关键字：加载 移动 JS 台式机 外部      更新时间：2023-09-26

我使用的是一个外部JS插件，它在移动设备上加载速度很慢，只想在桌面上加载。

我的JS代码是这样的

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

我阅读了这里和这里给出的答案，但我不知道如何为外部JS文件做到这一点。有什么办法吗？

我尝试过，但这也将其从桌面版本中删除，尽管加载了脚本（使用Chrome开发工具中的网络资源进行监控）。

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

我相信这样的东西会对你有用：

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

在这里找到：在桌面浏览器中加载jQuery脚本，但不能在移动浏览器中加载Travis J

相关文章：