---
title: Measure a portion of the page
slug: Tools/Measure_a_portion_of_the_page
translation_of: Tools/Measure_a_portion_of_the_page
original_slug: Outils/Measure_a_portion_of_the_page
---
<div>{{ToolsSidebar}}</div>

<p class="geckoVersionNote">Nouveau dans Firefox 59.</p>

<p>Depuis Firefox 59, il est possible de mesurer une zone spécifique d'une page web, en utilisant l'outil <em>mesurer une zone de la page</em>.</p>

<p>Cet outil est caché par défaut. Pour activer ce bouton il faut :</p>

<ul>
 <li>Aller dans les <a href="/fr/docs/Tools/Tools_Toolbox#Settings">options des outils de développement</a>.</li>
 <li>Dans la catégorie <em>boutons de la boite à outils </em>cocher<em> Mesurer une zone de la page.</em></li>
</ul>

<p>Un nouveau bouton apparaitra en haut de la page, à côté du bouton des options.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/15787/measure-button.png" style="display: block; height: 190px; margin: 0px auto; width: 324px;"></p>

<p>Il suffit alors de cliquer sur ce bouton pour activer l'outil. Une fois activé, un viseur apparait sur le curseur et affiche ses coordonnées à côté.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/15786/cursor-shown.png" style="border-style: solid; border-width: 1px; display: block; height: 277px; margin: 0px auto; width: 447px;"></p>

<p>Lorsque la souris est déplacée avec son bouton enfoncé, l'outil commence a dessiner un rectangle avec les dimensions x,y et diagonale affichée. Les unités sont en pixels.</p>

<p>Lorsque le bouton souris est relâché, le rectangle ne disparait pas afin de pouvoir prendre des captures d'écrans, noter l'information, etc. Pour supprimer le rectangle il suffit de cliquer à nouveau.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/15785/box-shown.png" style="border-style: solid; border-width: 1px; display: block; height: 303px; margin: 0px auto; width: 438px;"></p>