Informations du navigateur et résolution d'écran
Lisez la résolution de votre écran, la taille du viewport, le device pixel ratio, le GPU, le nombre de cœurs CPU, le fuseau horaire et la qualité de la connexion dans un seul tableau — y compris les pixels physiques réels derrière la mise à l'échelle.
100 % confidentiel — tout fonctionne dans votre navigateur
Mode d'emploi
- 1
Ouvrez la page : la détection démarre seule, aucun bouton à presser.
- 2
Consultez le bloc Écran pour la résolution du panneau, la zone utilisable hors barre des tâches et dock, et le viewport dans lequel vous maquettrez vraiment.
- 3
Contrôle du calcul : la Résolution physique est la résolution d’écran multipliée par le device pixel ratio, et c'est la valeur qui compte pour les captures et les exports.
- 4
Cliquez sur Relancer la détection après un changement de moniteur, une modification du zoom ou une rotation de tablette.
- 5
Utilisez Tout copier pour transférer d'un coup les valeurs dans un rapport d'anomalie ou une passation de design.
Exemples
Écran 4K 27 pouces avec mise à l'échelle 150 %
Entrée
Écran 2560 × 1440 · device pixel ratio 1,5 · zoom 100 %Résultat
Résolution d'écran 2560 × 1440
Résolution physique 3840 × 2160
Viewport environ 1707 × 960Téléphone à écran haute densité
Entrée
Écran 412 × 915 · device pixel ratio 2,6Résultat
Résolution d'écran 412 × 915 (pixels CSS)
Résolution physique 1071 × 2379
Orientation portrait · Points tactiles 5Questions fréquentes
Quelle est ma résolution d'écran ?
La ligne « Résolution d'écran » est la taille complète en pixels du panneau qui affiche le navigateur, exprimée en pixels CSS par le système. Avec la mise à l'échelle, elle est inférieure à la résolution native : un écran 4K à 150 % annonce 2560 × 1440. En multipliant par le device pixel ratio on retrouve les 3840 × 2160 réels, qui sont ceux d'une capture d'écran.
Pourquoi « Résolution d'écran » et « Viewport » diffèrent-ils ?
La résolution décrit l'écran entier ; la zone disponible retire la barre des tâches et le dock ; le viewport est le rectangle où la page se dessine réellement, moins l'interface du navigateur, les extensions et les panneaux ouverts. C'est de là que vient ce layout « qui tient à l'écran » mais qui défile quand même. Changer la taille de la fenêtre ou le zoom déplace le viewport sans bouger la résolution.
Qu'est-ce que le device pixel ratio ?
Le nombre de pixels physiques représentant un pixel CSS. Un DPR de 1 correspond à un écran ordinaire, 2 au Retina et aux téléphones courants, les modèles récents atteignent 3, et l'échelle du bureau donne des valeurs comme 1,25 ou 1,5. Il décide si une image 1× paraît floue, quand servir des ressources @2x, et à quelle taille dessiner un SVG ou un canvas pour rester net.
Pourquoi certaines lignes affichent-elles un tiret ?
Les navigateurs cachent volontairement des détails matériels. La mémoire de l'appareil est arrondie à quelques valeurs et Safari renvoie toujours la même ; la chaîne de rendu GPU est bloquée sur Safari et Firefox car elle facilitait l'empreinte ; le type de connexion n'existe que sur Chromium ; et un portable sans écran tactile affiche zéro point tactile. Un tiret est une absence d'autorisation, pas une panne.
Un site peut-il m'identifier avec ces informations ?
Cette combinaison — résolution, DPR, cœurs, chaîne GPU, fuseau, liste de langues — est exactement ce qu'exploite l'empreinte navigateur, car elle est souvent assez unique pour reconnaître un visiteur sans cookie. Les navigateurs réagissent : Safari gèle la mémoire, Firefox et Safari masquent le rendu GPU, Chromium réduit le User-Agent au numéro de version majeure. Ici rien n'est transmis, mais n'importe quel autre site peut lire les mêmes champs.
Cela fonctionne-t-il hors ligne ?
Oui. Toutes les valeurs proviennent d'API locales du navigateur, donc la détection continue après le chargement de la page même sans réseau ; la ligne « Connecté » indique simplement non dans ce cas.