Screen Ruler for Google Chrome
Screen Ruler est l'outil idéal pour les développeurs web et les designers souhaitant mesurer les tailles, les marges et les espacements de tout élément sur une page web.
Listé dans les catégories:
Outils de conceptionExtensions ChromeOutils de développement
Description
Screen Ruler est une extension Chrome conçue pour les développeurs et les designers web afin de mesurer les tailles, les distances, les marges et les remplissages de tout élément sur n'importe quelle page web. Elle permet aux utilisateurs de valider la mise en œuvre de leurs sites web en fournissant des informations détaillées sur les tailles des éléments, les noms de balises, les identifiants et les classes simplement en les survolant.
Comment utiliser Screen Ruler for Google Chrome?
Pour utiliser Screen Ruler, cliquez sur l'icône de l'extension ou utilisez le menu contextuel du clic droit pour l'activer. Survolez les éléments pour voir leurs tailles et propriétés, sélectionnez des éléments pour mesurer les distances, et accédez au CSS calculé dans le panneau latéral. Vous pouvez personnaliser les raccourcis clavier pour un accès plus facile.
Fonctionnalités principales de Screen Ruler for Google Chrome:
1️⃣
Mesurer la taille en pixels de tout élément
2️⃣
Mesurer la distance en pixels entre deux éléments
3️⃣
Voir les noms de balises HTML, les noms de classes et les identifiants
4️⃣
Accéder au CSS calculé et le copier dans le presse-papiers
5️⃣
Personnaliser les raccourcis clavier
Pourquoi pourrait-il être utilisé Screen Ruler for Google Chrome?
| # | Cas d'utilisation | Statut | |
|---|---|---|---|
| # 1 | Les développeurs web peuvent valider la mise en œuvre de leurs designs en vérifiant les tailles et les alignements des éléments. | ✅ | |
| # 2 | Les designers peuvent garantir une précision parfaite en pixels dans leurs designs en les comparant avec les pages web mises en œuvre. | ✅ | |
| # 3 | Les équipes d'assurance qualité peuvent utiliser l'outil pour identifier les problèmes de mise en page et d'alignement avant qu'un site web ne soit mis en ligne. | ✅ | |
Développé par Screen Ruler for Google Chrome?
Screen Ruler est développé par Nontrader, un développeur axé sur la création d'outils pour les développeurs et les designers web afin d'améliorer leur flux de travail et d'améliorer la précision de la mise en œuvre des sites web.