Wie einige js Skripte auf mobilen Geräten

Question

ich einige Themen als gelesen deaktivieren, aber sie war nicht hilfreich

i 4 Skript wie

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

Ich möchte nicht diese Skripte auf mobile Geräte laden Wenn meine Fensterbreite kleiner als 780px ist, möchte ich nicht, dass mein Gerät diese Skripte lädt.

Wie kann es möglich sein?

Answer 1

Nur die Skripte laden, wenn die Bildschirmgröße größer als 780px ist, etwas lang die Linien:

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

Obwohl Sie verwenden möchten, können DOM-Methoden zum Hinzufügen der Skriptelemente anstelle von doucment.write.

Answer 2

Versuchen Sie Ihre Skripte in folgenden 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>'); 
}