La détermination de la résolution d'écran de l'utilisateur est cruciale pour optimiser le contenu et améliorer l'expérience utilisateur. Dans cet article, nous allons explorer comment accomplir cette tâche en JavaScript, garantissant la compatibilité avec plusieurs navigateurs.
Détecter la résolution de l'écran
Pour récupérer la résolution disponible de l'écran, utilisez les propriétés suivantes :
<code class="js">window.screen.availHeight window.screen.availWidth</code>
Ces propriétés fournissent la résolution de l'espace d'écran disponible de l'utilisateur, à l'exclusion des barres d'outils ou d'autres éléments.
Résolution native (appareils mobiles)
Pour les appareils mobiles, la résolution native peut être obtenue en multipliant la résolution disponible par le rapport de pixels de l'appareil :
<code class="js">window.screen.height * window.devicePixelRatio window.screen.width * window.devicePixelRatio</code>
Résolution absolue
Si vous devez récupérer la résolution absolue de l'écran, y compris les menus ou autres éléments de l'interface utilisateur, utilisez les propriétés suivantes :
<code class="js">window.screen.height window.screen.width</code>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!