How to disable some js scripts on mobile devices

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?

You can load scripts asynchronously...Search about it.. Loading them with conditions will help! — Rayon
– Rayon, Commented Apr 18, 2016 at 8:24
Aka, turn your logic around. Only load those script when the windows bigger than 780. You can dynamically add scripts by making a new script tag and inserting it into the body after setting its src. — Shilly
– Shilly, Commented Apr 18, 2016 at 8:25
Surely this is a duplicate. Simply detect screen width, and if 780 or less, don't load the scripts. — RobG
– RobG, Commented Apr 18, 2016 at 8:30

RobG · Accepted Answer · 2016-04-18 08:34:22Z

4

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.

answered Apr 18, 2016 at 8:34

RobG

148k32 gold badges180 silver badges216 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gaurav Jariwala · Accepted Answer · 2016-04-18 08:44:13Z

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

edited Apr 18, 2016 at 8:44

answered Apr 18, 2016 at 8:26

Gaurav Jariwala

5232 silver badges12 bronze badges

2 Comments

Cihan Zengin Over a year ago

I tired this

<script type="text/javascript"> 	function isMobile() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); }  if (!isMobile()) { <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>   } </script>   but that time page not load my scripts on desktop too

RobG Over a year ago

Are you sure that every iPad has a screen size less than 780px? And every IEMobile device? And that every device that includes any one of those words in the Navigator string is actually one of those devices?

Collectives™ on Stack Overflow

How to disable some js scripts on mobile devices

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related