Comment mesurer les coordonnées de l'écran sur Mac

Les utilisateurs de Mac ont souvent besoin de coordonnées d'écran pour le transfert de la conception, la vérification du contrôle qualité, les captures d'écran et le débogage de l'interface. La méthode basée sur un navigateur la plus simple consiste à utiliser un outil de coordonnées en direct, puis à basculer entre les lectures à l'échelle de l'affichage et celles de type natif selon que vous vous souciez des pixels CSS ou de la densité physique de l'écran.

Étant donné que de nombreux Mac utilisent la mise à l'échelle Retina, le même point à l'écran peut produire des valeurs différentes selon le mode que vous choisissez. C'est pourquoi il est utile de documenter à la fois le flux de travail et le contexte de mise à l'échelle.

Flux de travail recommandé

1. Ouvrez l'outil et choisissez l'origine de vos coordonnées.
2. Utilisez le mode plein écran lorsque vous souhaitez une lecture directe de l'écran.
3. Utilisez le mode capture d'écran lorsque vous devez inspecter une capture statique du bureau Mac.
4. Comparez les modes d'affichage et natif si vous travaillez avec des ressources Retina.

Scénarios Mac courants

• Mesure d'une position de dialogue dans une capture d'écran capturée.
• Vérifier si un élément est visuellement centré sur un écran Retina.
• Partage des coordonnées exactes du curseur lors de la révision de la conception.
• Explication d'une inadéquation de mise en page entre les pixels CSS du navigateur et les pixels matériels.

FAQ

Pourquoi les écrans Retina modifient-ils les chiffres ?

Les modes d'affichage Retina et mis à l'échelle peuvent séparer les coordonnées CSS logiques de la densité physique des pixels, de sorte que les valeurs rapportées peuvent différer en fonction de ce que vous mesurez.

Quand dois-je utiliser le mode capture d'écran sur Mac ?

Utilisez le mode capture d'écran lorsqu'une interface en direct est difficile à inspecter, lorsque vous devez annoter une capture statique ou lorsque l'application qui vous intéresse se trouve en dehors du navigateur.

Ouvrir l'outil | CSS vs pixels physiques | Guide de mise à l'échelle DPI