Infos Appareil
Voir les infos de votre navigateur et appareil
Comment utiliser Infos Appareil
- 1Ouvrez la page
- 2Les informations de votre appareil s'affichent automatiquement
- 3Copiez n'importe quelle valeur avec le bouton de copie
À propos de Infos Appareil
Informations sur l'appareil affiche des informations détaillées sur votre navigateur actuel, système d'exploitation, écran et capacités de l'appareil — toutes lues directement depuis les API standard du navigateur. Aucune installation, aucune extension et aucune communication avec le serveur n'est requise.
Les développeurs, ingénieurs QA et équipes de support ont fréquemment besoin de capturer les détails de l'environnement lors du débogage des problèmes spécifiques au navigateur. Au lieu de naviguer dans les menus de paramètres du navigateur ou de lire des chaînes d'agent utilisateur brutes, cette page présente tous les détails pertinents dans un format propre et copiable.
Toutes les données sont lues depuis les API standard du navigateur et restent entièrement sur votre appareil.
Fonctionnalités clés de Infos Appareil
- Affiche le nom, la version et le moteur de rendu du navigateur
- Affiche le système d'exploitation et la version de l'OS
- Résolution de l'écran, dimensions du viewport et ratio de pixels du périphérique
- Profondeur de couleur et gamut de couleur d'affichage
- Fuseau horaire, paramètres de langue et locale
- Statut en ligne/hors ligne et type de connexion (si disponible)
- Concurrence matérielle (nombre de cœurs CPU logiques)
- Fonctionne entièrement dans le navigateur — rien n'est transmis à un serveur
Exemples
Capturer les détails d'environnement pour un rapport de bug
Collecter les détails du navigateur et de l'OS à inclure dans un ticket Jira ou un problème GitHub.
Entrée
Ouvrez la page Device Info dans votre navigateur
Sortie
Navigateur: Chrome 124.0.0 | OS: macOS 14.4 | Écran: 2560×1600 (2× DPI) | Viewport: 1280×800
Vérifier le point de rupture responsive lors des tests multi-appareils
Vérifier la largeur réelle du viewport et le ratio de pixels lors du test d'un design responsive.
Entrée
Ouvrir dans un navigateur mobile ou l'émulation d'appareil DevTools
Sortie
Viewport: 375×667 | Ratio de pixels: 3 | Tactile: Oui
Cas d'utilisation courants
- Capture des détails du navigateur et de l'OS pour les rapports de bugs et tickets de support
- Vérification des dimensions du viewport et du ratio de pixels lors des tests de design responsive
- Vérification de la concurrence matérielle pour comprendre les threads disponibles pour les Web Workers
- Documentation de l'environnement de test pour les tests QA sur différents appareils
- Confirmation des paramètres de fuseau horaire et de locale qui affectent l'affichage date/heure
- Enseignement des capacités de l'API du navigateur en montrant les données disponibles aux applications web
Dépannage
Le système d'exploitation s'affiche comme inconnu
Solution
La détection du système d'exploitation repose sur l'analyse de la chaîne d'agent utilisateur. Les extensions de confidentialité ou les agents utilisateur usurpés peuvent signaler des informations OS incorrectes ou vides.
La résolution de l'écran affiche une valeur inattendue
Solution
screen.width et screen.height signalent les dimensions physiques de l'écran. Sur les écrans haute densité, les pixels CSS diffèrent des pixels physiques.
La concurrence matérielle affiche 1 même sur une machine multi-cœurs
Solution
Certains navigateurs limitent navigator.hardwareConcurrency pour des raisons de confidentialité. Firefox et Brave peuvent signaler une valeur réduite pour empêcher le fingerprinting.
Questions fréquemment posées
Ces informations sont-elles envoyées à un serveur ?
Non. Toutes les informations sont lues directement depuis les API du navigateur et affichées localement. Rien n'est transmis à un serveur.
Pourquoi la version du système d'exploitation apparaît-elle parfois incorrecte ?
La détection de la version du système d'exploitation repose sur l'analyse de la chaîne d'agent utilisateur, que les navigateurs axés sur la confidentialité peuvent usurper.
Qu'est-ce que le ratio de pixels du périphérique ?
Le ratio de pixels du périphérique (DPR) est le rapport entre les pixels physiques de l'écran et les pixels CSS. Un DPR de 2 signifie 4 pixels physiques par pixel CSS — courant sur les écrans Retina.
Qu'est-ce que la concurrence matérielle ?
La concurrence matérielle signale le nombre de cœurs CPU logiques. Les applications web peuvent l'utiliser pour décider combien de Web Workers parallèles créer.
Puis-je l'utiliser pour tester si un utilisateur est sur mobile ?
Oui, Device Info affiche la chaîne d'agent utilisateur et le support tactile. Pour le code en production, utilisez la détection de fonctionnalités plutôt que l'analyse d'agent utilisateur.
Affiche-t-il les informations GPU ?
Des informations GPU de base peuvent être disponibles via la chaîne du moteur de rendu WebGL. Cet outil se concentre sur les propriétés d'appareil les plus pratiquement utiles.
Pourquoi la taille du viewport diffère-t-elle de la taille de l'écran ?
Le viewport est la zone de fenêtre du navigateur visible. La taille de l'écran est la résolution d'affichage physique totale. Ils diffèrent car le chrome du navigateur prend de l'espace.
Peut-il être utilisé pour le fingerprinting du navigateur ?
Les propriétés affichées ici sont les mêmes utilisées dans le fingerprinting du navigateur. Cet outil les expose uniquement à des fins de débogage légitimes.