tell html doc lädt keine js wenn mobiles Gerät

7

Ich suche hier frech ein oder zwei Zeilen Code:

Könnte jemand so freundlich sein, Code in den Kopfbereich von HTML-Dokument zu stellen, das sagt, wenn Mobile dann laden JS nicht?

Dies wird in Verbindung mit der folgenden CSS-Medienabfrage verwendet:

%Vor%

Ich suche also nach einem Code, der auf der gleichen Regel basiert: media="nur screen und (max-device-width: 480px)"

Wäre sehr dankbar

    
Doug Fir 09.05.2012, 01:18
quelle

4 Antworten

20

Gegeben: "Wenn mobile dann JS nicht laden " und vorausgesetzt, dass "mobile" von Bildschirmen mit einer Breite von 480 Pixel oder weniger definiert ist, dann sollte etwas wie das Folgende funktionieren:

%Vor%

Dadurch wird das Skriptelement nur hinzugefügt, wenn der Bildschirm breiter als 480 Pixel ist.

Die CSS-Regel im OP lautet:

%Vor%

zielt auf Bildschirme mit 480 Pixeln oder weniger ab, was im Gegensatz zur ersten Aussage steht. Ändern Sie daher > in <= , wenn das Skript auf kleinen Bildschirmen ausgeführt werden soll und nicht auf größeren.

    
RobG 09.05.2012, 01:46
quelle
11

Ich bin nicht sicher, wie die vorherigen Antworten mit Retina-Displays gehen würden. Ich würde etwas tun wie:

%Vor%

Schnipsel von hier

    
Dave 13.07.2012 01:20
quelle
5

Sie können es so machen.

  1. Testen Sie die Bildschirmbreite und -höhe, um festzustellen, ob es sich um ein mobiles Gerät handelt.
  2. Laden Sie Skripte mit JavaScript.

Was Sie tun können, ist dies:

%Vor%

Beachten Sie, dass es screen.width <= 480 ist.

    
Derek 朕會功夫 09.05.2012 01:46
quelle
4

Jetzt ist es möglich, window.matchMedia

zu verwenden %Vor%

Ссылка Ссылка

    
marcus 23.12.2016 11:41
quelle

Tags und Links