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

Question

i read some topics but they are was not helpfully

i have 4 script like

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

I don't want to load these scripts on mobile devices so if my window width smaller then 780px i don't want my device will load these scripts.

how it can be possible?

Answer 1

Try your scripts in following code:

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

Only load the scripts if the screen size is greater than 780px, something long the lines of:

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>'
  )
}

Though you may want to use DOM methods to add the script elements rather than doucment.write .