Question

我读了一些主题，但它们并没有帮助

我有4个像

这样的剧本

<script src="http://kleaz.com/fsc/three.min.js"></script>
<script src="http://kleaz.com/fsc/Projector.js"></script>
<script src="http://kleaz.com/fsc/CanvasRenderer.js"></script>
<script src="http://kleaz.com/fsc/me.js"></script>

我不想在移动设备上加载这些脚本，所以如果我的窗口宽度小于780px，我不希望我的设备会加载这些脚本。

怎么可能？

Answer 1

使用以下代码尝试您的脚本：

function isMobile() {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

if (!isMobile()) {
//place script you don't want to run on mobile here
//TRY YOUR SCRIPT AS FOLLOWING WAY!!!
document.write('<script src="http://kleaz.com/fsc/three.min.js"></script>');
document.write('<script src="http://kleaz.com/fsc/Projector.js"></script>');
document.write('<script src="http://kleaz.com/fsc/CanvasRenderer.js"></script>');
document.write('<script src="http://kleaz.com/fsc/me.js"></script>');
}

Answer 2

如果屏幕尺寸大于780px，则仅加载脚本，其长度为：

if (window.screen.width > 780) {
  document.write( 
    '<script src="http://kleaz.com/fsc/three.min.js"><\/script>' +
    '<script src="http://kleaz.com/fsc/Projector.js"><\/script>' +
    '<script src="http://kleaz.com/fsc/CanvasRenderer.js"><\/script>' +
    '<script src="http://kleaz.com/fsc/me.js"><\/script>'
  )
}

虽然您可能希望使用DOM方法添加脚本元素而不是 doucment.write 。

如何在移动设备上禁用某些js脚本

2 个答案: