Das Hauptproblem bei der Verwendung von jquery zur Überprüfung, ob die Bildschirmgröße angemessen ist, besteht darin, dass sie ungenau sein kann.
is mobile
var isMobile = false; //initiate as false
// device detection
if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo||midp||mmp||netfront||opera m(ob|in)i||palm( os)?||phone||p(ixi|re)/8.0.+mobile.+firefox/i.test(navigator.userAgent)){
isMobile = true;
}
Dieser Code prüft, ob das Gerät ein mobiles Gerät ist oder nicht. Es beginnt mit der Einstellung von isMobile auf false. Dann verwendet es einen regulären Ausdruck, um die Zeichenfolge des Benutzeragenten des Navigators zu überprüfen. Wenn es eine Übereinstimmung findet, setzt es isMobile auf true.
Bildschirmeigenschaften in jQuery
Es gibt einige Eigenschaften, mit denen Sie steuern können, wie Ihr Bildschirm in jQuery aussieht.
Breite und Höhe: Diese Eigenschaften legen die Breite und Höhe des Bildschirms in Pixeln fest.
Ausrichtung: Mit dieser Eigenschaft können Sie angeben, ob der Bildschirm im Hoch- oder Querformat angezeigt wird.
display: Diese Eigenschaft gibt an, ob der Bildschirm als Vollbildfenster angezeigt werden soll oder nicht.
Was ist jQuery?
jQuery ist eine JavaScript-Bibliothek, mit der Sie dynamische, responsive Websites erstellen können. Es enthält Funktionen zum Behandeln von Ereignissen, Animieren von Elementen und Erstellen von Ajax-Interaktionen.
