Lorsque vous utilisez jQuery pour déterminer s'il s'agit d'un accès mobile, vous pouvez le déterminer en détectant la largeur de la fenêtre ou la chaîne de l'agent utilisateur.
Voici deux méthodes :
Méthode 1 : détecter la largeur de la fenêtre
Exemple
$(document).ready(function() {
// Obtenir la largeur de la fenêtre
var windowWidth = $(window).width();
// Définir un seuil, par ex. 768px, à ajuster selon les besoins réels
var mobileThreshold = 768;
// Déterminer s'il s'agit d'un appareil mobile
if (windowWidth < mobileThreshold) {
// Code exécuté sur mobile
console.log("Accès mobile");
} else {
// Code exécuté sur les appareils non mobiles
console.log("Accès non mobile");
}
});
// Obtenir la largeur de la fenêtre
var windowWidth = $(window).width();
// Définir un seuil, par ex. 768px, à ajuster selon les besoins réels
var mobileThreshold = 768;
// Déterminer s'il s'agit d'un appareil mobile
if (windowWidth < mobileThreshold) {
// Code exécuté sur mobile
console.log("Accès mobile");
} else {
// Code exécuté sur les appareils non mobiles
console.log("Accès non mobile");
}
});
Essayez-le »
Méthode 2 : Détecter la chaîne User-Agent
Exemple
$(document).ready(function() {
// Obtenir la chaîne User-Agent
var userAgent = navigator.userAgent;
// Déterminer s'il contient des mots-clés d'appareil mobile, par ex. "Android", "iPhone", "iPad", etc.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
// Code exécuté sur mobile
console.log("Accès mobile");
} else {
// Code exécuté sur les appareils non mobiles
console.log("Accès non mobile");
}
});
// Obtenir la chaîne User-Agent
var userAgent = navigator.userAgent;
// Déterminer s'il contient des mots-clés d'appareil mobile, par ex. "Android", "iPhone", "iPad", etc.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
// Code exécuté sur mobile
console.log("Accès mobile");
} else {
// Code exécuté sur les appareils non mobiles
console.log("Accès non mobile");
}
});
Essayez-le »
La méthode à choisir dépend de vos besoins spécifiques et des exigences de votre projet.
Veuillez noter que la détection de la chaîne User-Agent n'est pas fiable à 100%, car la chaîne User-Agent peut être modifiée. Par conséquent, choisissez la méthode appropriée en fonction de la situation spécifique.