Arrêtez de deviner la taille et les angles des objets sur votre écran ! Règle en Ligne est un outil professionnel conçu pour transformer votre écran en une référence de mesure du monde réel.
🎉 Mise à jour v2.2.0 : Contrôles au clavier et ajustements précis au pixel près pour les règles web.
Mesurez des dimensions réelles sur votre écran
Utilisez une règle en ligne pour mesurer des longueurs sur votre écran, en centimètres, en millimètres ou en pouces. Calibrez-la à l'aide d'un objet de taille connue pour obtenir des mesures précises à l'échelle 1:1.
Mesurer des angles à l’aide d’un rapporteur virtuel
Placez le rapporteur en ligne sur un angle présent dans une image, un schéma ou une ébauche de conception. Alignez le centre du rapporteur avec le sommet de l’angle, puis lisez la mesure sur la graduation ; aucune extension ni installation n’est requise.
Mesure d’angles à l’aide de deux bras réglables
Placez le sommet, puis faites glisser les deux bras pour les aligner sur les côtés de l’angle. L’outil calcule automatiquement l’angle formé entre eux, ce qui facilite la mesure de divers angles irréguliers dans des images, des schémas ou des ébauches de conception.
Alignez et calibrez l'outil à l'aide d'objets physiques de référence — tels qu'une carte de crédit, une feuille A4 ou une pièce — afin de calculer automatiquement le PPI exact de votre écran. Prend en charge les boutons +/- pour des micro-ajustements au pixel près.
Règle d'écran : Supporte les échelles métriques et impériales pour mesurer la longueur, l'espacement et les dimensions des éléments.
Rapporteur standard : Un rapporteur semi-transparent rotatif à 360° basé sur la calibration PPI pour une taille physique réelle.
Rapporteur dynamique à trois points : Mesure des angles arbitraires via un sommet et deux points d'extrémité avec affichage en temps réel, bras ajustables et visualisation de secteur.
Positionnement précis : une fois une règle web sélectionnée, vous pouvez utiliser les touches fléchées pour ajuster sa position par incréments de 1 pixel. Maintenez la touche Maj (Shift) enfoncée tout en utilisant les touches fléchées pour déplacer la règle par paliers de 10 pixels — ce qui évite l'instabilité souvent liée au déplacement à la souris.
Navigation entre plusieurs règles : lorsque plusieurs règles sont présentes, vous pouvez passer de l'une à l'autre en utilisant la touche Tab (ou Maj + Tab), une fois qu'une règle est sélectionnée (a reçu le focus).
Prise en charge de l'ajout de plusieurs règles, rapporteurs standards ou rapporteurs à trois points sur la même page pour répondre à des besoins de mesure comparative complexes.
Mode Fenêtre autonome : Ouvre une fenêtre de règle épurée, qui reste « toujours au premier plan ».
Mode Superposition de page : Affiche des règles ou des rapporteurs flottants directement sur n'importe quelle page web, avec transparence réglable.
Utilisez la poignée de rotation pour ajuster l'angle des règles et des rapporteurs standards en temps réel.Ceux-ci prennent en charge l'aimantation aux angles clés (45°/90°).
Les bras du rapporteur à trois points s'aimantent également aux incréments de 45°.
Simule le bord protecteur du « point zéro » et permet de définir un décalage de départ personnalisé (en mm). Inclut une fonction de réinitialisation en un clic
Les règles proposent des textures Bois, Plastique ou Métal avec des filtres SVG dynamiques.
Les rapporteurs proposent plusieurs palettes de couleurs semi-transparentes (comme Bleu Classique, Vert Tech, Orange Vital) pour une visibilité claire.
Le rapporteur à trois points permet de régler la transparence du secteur indépendamment.
Système métrique : Centimètres (cm) et Millimètres (mm).
Système impérial : Pouces, avec des subdivisions allant jusqu'au 1/16e de pouce.
Redimensionnement par les bords : Faites glisser n'importe quel point de l'extrémité de la règle pour en ajuster la longueur.
Collaboration précise : intégration fluide du glisser-déposer à la souris et des touches fléchées du clavier pour un ajustement minutieux, au pixel près.
Synchronisation en temps réel : Les modifications de matériaux, de couleurs ou de paramètres sont appliquées instantanément.
Toutes les données de calibration sont stockées exclusivement dans votre navigateur local.
Cliquez sur l'icône de l'extension et entrez dans le "Mode étalonnage".
Sélectionnez une référence et ajustez jusqu'à ce que le cadre rouge corresponde à l'objet physique.
Cliquez sur "Ajouter une règle" ou "Ajouter un rapporteur" pour commencer à mesurer.
Cliquez sur les icônes de la barre d'outils pour changer de matériau, de couleur ou ajuster la transparence.
Faites glisser le corps principal pour le déplacer et la poignée de rotation à l'extrémité pour ajuster l'angle.
Cliquez sur l'icône de puzzle 🧩 en haut à droite de votre navigateur, recherchez « Règle en Ligne » et cliquez sur l'icône de punaise à côté pour la fixer à la barre d'outils. Cliquez ensuite simplement sur l'icône pour ouvrir la règle à tout moment.
Oui. Comme les écrans ont des résolutions différentes, les images normales ne sont pas précises. Cette extension utilise l'« Étalonnage physique » : en l'alignant une fois avec une carte de crédit ou une feuille A4, elle mémorise la taille réelle de votre écran pour une précision de 1:1.
Oui. Le système prend en charge plusieurs objets de référence, tels que du papier A4 ou des pièces de monnaie. Nous ajouterons d'autres standards comme le papier A5 ou les tailles d'écran de téléphone courantes à l'avenir.
La « Fenêtre indépendante » affiche une fenêtre de règle propre et redimensionnable que vous pouvez faire glisser n'importe où et garder au-dessus d'autres applications. L'« Injection de page » insère la règle directement sur votre page Web actuelle avec une gestion de la transparence, afin de ne pas bloquer votre lecture.
Oui ! Dans la version 2.0.0, nous supportons la présence simultanée de plusieurs règles et rapporteurs. Vous pouvez cliquer plusieurs fois sur « Ajouter une règle » ou « Ajouter un rapporteur ». Chaque outil peut être déplacé, tourné, redimensionné et personnalisé (matériau/couleur) indépendamment, ce qui est idéal pour les mesures comparatives et le positionnement géométrique.
Vous trouverez des options de changement de matériau dans la barre d'outils au bout de la règle ou dans le menu contextuel de l'extension. Nous supportons actuellement le bois, le plastique et le métal. Lorsque « Plastique » est sélectionné, vous pouvez également personnaliser les couleurs.
Vous pouvez utiliser la fonction « Décalage du point zéro ». Elle simule l'extrémité protectrice d'une règle physique, vous permettant de définir un espace de départ (en mm) et de le réinitialiser à zéro en un clic.
C'est très simple. En mode injection, vous n'avez pas besoin de chercher de minuscules coins ; faites simplement glisser n'importe quel bord de la règle pour ajuster sa longueur.
Oui ! Faites simplement glisser la poignée de rotation à l'extrémité de la règle. Elle prend également en charge le magnétisme de précision à 45°, 90° et 180° pour des ajustements rapides.
Oui ! Dans la version 2.0.0, nous avons ajouté la fonctionnalité « Rapporteur géométrique ». Vous pouvez insérer un rapporteur précis à l'échelle 1:1 en cliquant sur « Ajouter un rapporteur ». Il prend également en charge la rotation à 360°, plusieurs schémas de couleurs et la synchronisation de l'étalonnage physique basée sur vos données PPI.
Le rapporteur tout-en-un prend en charge l'étalonnage synchrone basé sur le PPI, la rotation libre à 360° et plusieurs schémas de couleurs semi-transparents (Bleu Classique, Vert Tech, etc.), ce qui facilite son utilisation sur n'importe quel arrière-plan de page Web.
Le rapporteur dynamique à trois points mesure les angles à l'aide d'un sommet et de deux extrémités. Contrairement à un rapporteur standard, il ne nécessite pas d'alignement sur une échelle fixe ; il suffit de faire glisser les trois points de contrôle pour les aligner avec les éléments d'une page web. Il est particulièrement adapté à la mesure d'angles non standard, des bords de maquettes ou des angles géométriques dans des images.
Oui. Vous pouvez faire glisser directement les deux extrémités, et les bras de mesure s'étendront indéfiniment. Cela le rend idéal pour mesurer les éléments de pages web comportant de grandes portées, de longues lignes diagonales ou des formes géométriques complexes.
Oui. Le rapporteur à trois points vous permet de régler indépendamment la transparence de la zone centrale. Cela vous permet de visualiser clairement la plage de mesure actuelle sans que le secteur n'obstrue la vue du texte ou des détails de la page web sous-jacente.
Non. Vos données d'étalonnage (comme le PPI), vos préférences d'unité et vos décalages sont synchronisés et enregistrés en temps réel. Les paramètres s'appliquent instantanément, qu'ils soient modifiés dans la fenêtre contextuelle ou sur différentes pages.
Oui. Cette extension propose des échelles métriques (CM, MM) et impériales (Pouce/Inch), avec des unités impériales de haute précision divisibles jusqu'à 1/16 de pouce.
Non. Toutes les données d'étalonnage et les préférences sont enregistrées localement dans votre navigateur. Aucune donnée n'est jamais téléchargée sur des serveurs.
Tous les matériaux (bois, plastique, métal) utilisent la technologie SVG pour générer dynamiquement un effet visuel réaliste. Ils sont très légers et ne ralentiront pas du tout votre navigateur.
🎉 Mise à jour v2.2.0 : Contrôles au clavier et ajustements précis au pixel près pour les règles web
Cette mise à jour améliore la précision et la facilité d'utilisation des règles web. Nous avons intégré un ensemble complet de commandes au clavier, permettant un alignement au pixel près et une navigation efficace entre plusieurs règles :
✨ Ajustements précis au clavier : Une fois qu'une règle web est sélectionnée, utilisez les touches fléchées (↑ / ↓ / ← / →) pour la déplacer d'un pixel à la fois. Maintenez la touche « Maj » (Shift) enfoncée tout en utilisant les touches fléchées pour effectuer des déplacements par paliers de 10 pixels — idéal pour des mesures précises comme pour un positionnement rapide.
✨ Sélection rapide par clic : Cliquez simplement sur n'importe quelle règle présente sur la page web pour la sélectionner. Des indicateurs visuels intuitifs s'affichent à l'écran, vous permettant de commencer immédiatement à déplacer la règle à l'aide de votre clavier.
✨ Navigation fluide avec la touche « Tab » : Si plusieurs règles sont présentes sur la page, vous pouvez facilement passer de l'une à l'autre en utilisant les touches « Tab » ou « Maj + Tab » — ce qui facilite la comparaison des mesures entre différentes règles.
✨ Aide intuitive au clavier : Des indications intégrées (par ex. : « Touches fléchées pour déplacer de 1 px », « Maj + touches fléchées pour déplacer de 10 px ») ainsi que des infobulles pratiques vous permettent de prendre en main l'outil immédiatement, sans avoir à mémoriser des raccourcis complexes.
🎉 MISE À JOUR v2.1.0 : LE RAPPORTEUR DYNAMIQUE À TROIS POINTS EST EN LIGNE !
Cette mise à jour améliore les capacités de mesure d'angle sur page avec le nouveau rapporteur dynamique à trois points :
✨ Rapporteur dynamique à trois points : Outil composé d'un sommet et de deux points d'extrémité pour s'aligner rapidement sur n'importe quel angle.
✨ Calcul d'angle en temps réel : Calcule et affiche automatiquement l'angle entre les deux bras en degrés (°) lors du déplacement des extrémités.
✨ Bras d'extension dynamiques : Les deux bras de mesure peuvent être prolongés en continu pour s'adapter à des éléments plus grands.
✨ Zone de secteur semi-transparente : Visualisez la plage de mesure actuelle avec un secteur semi-transparent, with opacité réglable.
✨ Aimantation indépendante des bras : Chaque bras s'aimante par incréments de 45° (0°, 45°, 90°, etc.) pour un alignement rapide.
✨ Alignement de précision : Supporte plusieurs couleurs et dispose d'un cercle creux transparent au sommet pour une précision extrême.
🎉 v2.0.0 MISE À JOUR MAJEURE : LE RAPPORTEUR GÉOMÉTRIQUE EST EN LIGNE !
Cette mise à jour marque la transition d'un simple outil de mesure à une boîte à outils géométrique complète :
✨ Nouvelle fonctionnalité de rapporteur : Vous pouvez désormais ajouter des rapporteurs à n'importe quelle page Web en plus des règles.
✨ Rotation arbitraire à 360° : Prend en charge la rotation à 360° via une poignée pour une mesure précise des pentes et des angles.
✨ Plusieurs styles de couleurs : Propose divers schémas de couleurs semi-transparents (Bleu Classique, Vert Tech, Orange Vibrant, etc.) pour une grande visibilité.
✨ Étalonnage physique synchronisé : Le rapporteur est rendu en fonction de vos données PPI, garantissant des dimensions réelles précises.
🎉 v1.2.0 NOUVELLES FONCTIONNALITÉS : SUPPORT MULTI-RÈGLES ET MATÉRIAUX RICHES
Cette mise à jour apporte des capacités de mesure multidimensionnelles plus puissantes et des choix visuels personnalisés :
✨ Support multi-règles : Ajoutez plusieurs règles sur a même page pour répondre à des besoins de mesure comparative complexes.
✨ Nouveaux matériaux en plastique et en métal :
- Matériau plastique : Offre plusieurs couleurs fraîches pour rendre l'interface plus vivante.
- Matériau métallique : Texture de métal brossé réaliste, sensation professionnelle et high-tech.
✨ Personnalisation des couleurs des matériaux : Le matériau plastique prend désormais en charge plusieurs schémas de couleurs pour s'adapter aux différents arrière-plans Web et aux préférences personnelles.
ROTATION LIBRE À 360°
Libérez-vous des contraintes des mesures horizontales et verticales. Vous pouvez désormais faire pivoter votre règle à n'importe quel angle pour l'adapter à n'importe quel objet sur votre écran :
✨ Poignée de rotation fluide : Faites simplement glisser la nova poignée de rotation à l'extrémité de la règle (en mode superposition) para ajustar seu ângulo com um retorno fluido em tempo real.
✨ Aimantation de precisão : Verrouillez sans esforço os ângulos clave como 45°, 90° e 180° graças à lógica d'aimantation integrada e aos préréglages em um clique para uma commutação rápida.
✨ Indicador d'angle visuel : Uma infobulle dinâmica exibe seu grau de rotação exato em tempo real, garantindo uma precisão de medição de nível profissional.
✨ Cohérence totale : O grão de madeira realista, as marcações de escala e a barra de ferramentas interativa mantêm sua integridade estrutural e clareza em qualquer orientação.
Version initiale。
Cette extension est open source et le code est disponible sur GitHub. Les contributions sont les bienvenues !
Voir le code source sur GitHubDécouvrez mes outros outils de produtividade pour Chrome.
🚀