Wenn Sie jQuery verwenden, um festzustellen, ob es sich um mobilen Zugriff handelt, können Sie dies durch Erkennen der Fensterbreite oder des User-Agent-Strings beurteilen.
Im Folgenden sind zwei Methoden:
Methode 1: Fensterbreite erkennen
Beispiel
$(document).ready(function() {
// Fensterbreite abrufen
var windowWidth = $(window).width();
// Einen Schwellenwert festlegen, z. B. 768px, je nach tatsächlichem Bedarf anpassen
var mobileThreshold = 768;
// Feststellen, ob es sich um ein mobiles Gerät handelt
if (windowWidth < mobileThreshold) {
// Code, der auf Mobilgeräten ausgeführt wird
console.log("Mobilzugriff");
} else {
// Code, der auf Nicht-Mobilgeräten ausgeführt wird
console.log("Nicht-mobiler Zugriff");
}
});
// Fensterbreite abrufen
var windowWidth = $(window).width();
// Einen Schwellenwert festlegen, z. B. 768px, je nach tatsächlichem Bedarf anpassen
var mobileThreshold = 768;
// Feststellen, ob es sich um ein mobiles Gerät handelt
if (windowWidth < mobileThreshold) {
// Code, der auf Mobilgeräten ausgeführt wird
console.log("Mobilzugriff");
} else {
// Code, der auf Nicht-Mobilgeräten ausgeführt wird
console.log("Nicht-mobiler Zugriff");
}
});
Ausprobieren »
Methode 2: User-Agent-String erkennen
Beispiel
$(document).ready(function() {
// Den User-Agent-String abrufen
var userAgent = navigator.userAgent;
// Prüfen, ob es Schlüsselwörter für Mobilgeräte enthält, z. B. "Android", "iPhone", "iPad" usw.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
// Code, der auf Mobilgeräten ausgeführt wird
console.log("Mobilzugriff");
} else {
// Code, der auf Nicht-Mobilgeräten ausgeführt wird
console.log("Nicht-mobiler Zugriff");
}
});
// Den User-Agent-String abrufen
var userAgent = navigator.userAgent;
// Prüfen, ob es Schlüsselwörter für Mobilgeräte enthält, z. B. "Android", "iPhone", "iPad" usw.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
// Code, der auf Mobilgeräten ausgeführt wird
console.log("Mobilzugriff");
} else {
// Code, der auf Nicht-Mobilgeräten ausgeführt wird
console.log("Nicht-mobiler Zugriff");
}
});
Ausprobieren »
Welche Methode gewählt werden sollte, hängt von Ihren spezifischen Anforderungen und Projektanforderungen ab.
Bitte beachten Sie, dass die Erkennung des User-Agent-Strings nicht 100% zuverlässig ist, da der User-Agent-String geändert werden kann. Wählen Sie daher die geeignete Methode je nach konkreter Situation.