jQuery
Détecter un smartphone ou une tablette
Fiche écrite en 2015 et relue en 2026 : l’encadré en fin de fiche signale ce qui a changé depuis.
Trois façons de savoir si l’on est sur un petit écran. Le test du User-Agent reconnaît le type d’appareil, mais se trompe avec les appareils récents. matchMedia teste la largeur exactement comme une media query CSS. La largeur de la fenêtre avec jQuery donne le même résultat, à l’ancienne.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// appareil mobile
}
if (window.matchMedia("(max-width: 768px)").matches) {
// écran de 768 px ou moins
}
if ($(window).width() <= 767) {
// même test avec jQuery
}