Quelles sont les caractéristiques de votre écran ?
Consultez la résolution de votre écran, les dimensions du viewport du navigateur, le ratio de pixels (DPI), la profondeur de couleur et l'orientation — tout détecté instantanément depuis votre navigateur.
Cet outil lit window.screen et devicePixelRatio pour rapporter la résolution physique de votre écran, la taille du viewport, la densité de pixels, la profondeur de couleur et l'orientation.
Un ratio de pixels de 2 signifie que chaque pixel CSS utilise 2x2 pixels physiques (Retina/HiDPI) ; une profondeur de couleur de 24 bits offre 16,7 millions de couleurs.
Que signifient vos résultats ?
| Result | Range | Meaning |
|---|---|---|
| Détecté | Résolution, DPR et profondeur de couleur affichés | Votre navigateur rapporte avec succès toutes les propriétés d'affichage. DPR 1x est standard, 2x est Retina/HiDPI, 3x se trouve sur les écrans mobiles haut de gamme. |
| Limité | Le viewport diffère significativement de la résolution de l'écran | Les barres d'outils du navigateur, la barre des tâches ou les paramètres de mise à l'échelle réduisent le viewport utilisable. Appuyez sur F11 pour le plein écran et maximiser l'espace disponible. |
| Non supporté | Certaines propriétés retournent zéro ou undefined | Rare sur les navigateurs modernes. Assurez-vous de ne pas être dans un contexte headless ou intégré qui restreint l'accès à l'API screen. |
Problèmes courants et solutions
La résolution de l'écran affiche une valeur inférieure aux attentes
Vérifiez les paramètres d'affichage de votre OS pour la mise à l'échelle. À 150 % de mise à l'échelle sur un écran 1920x1080, le navigateur rapporte une résolution effective de 1280x720 pixels CSS avec un DPR de 1,5.
La profondeur de couleur affiche 24 bits au lieu de 30 bits
30 bits (10 bits par canal) nécessite un GPU, un écran et une configuration de pilote compatibles. La plupart des écrans grand public utilisent 24 bits (8 bits par canal) ce qui offre 16,7 millions de couleurs.