---
title: Medir uma porção da página
slug: Tools/Medir_uma_porcao_da_pagina
tags:
  - DevTools
  - Exibir coordenadas
  - Ferramentas de estilo
  - Medir com o mouse
  - ferramentas do desenvolvedor
  - régua
translation_of: Tools/Measure_a_portion_of_the_page
---
<div>{{ToolsSidebar}}</div>

<p class="geckoVersionNote">Novidade do Firefox 59.</p>

<p>Desde o Firefox 59, você pode medir uma área específica da página web ao utilizar a ferramenta de medida de porção da página.</p>

<p>Esta ferramenta está oculta por padrão. Para habilitar o seu botão faça:</p>

<ul>
 <li>Vá para as <a href="/en-US/docs/Tools/Tools_Toolbox#Settings">Configurações</a> do DevTools.</li>
 <li>Na seção Botões disponíveis da caixa de ferramentas (<em>Available Toolbox Buttons) marque a opção</em> ferramenta de medida de porção da página (<em>Measure a portion of the page)</em>.</li>
</ul>

<p>Você verá o botão da ferramenta de medida de porção da página na parte superior direita da tela DevTools, no mesmo local dos botões de opções e configurações do mesmo.</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>Quando você quiser utilizar a ferramenta, clique em seu botão. A partir de agora, quando você passar o mouse sobre a página web, você verá que o cursor do mouse será em formato de cruz e a sua coordenada atual será exibida ao lado do cursor.</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>Quando você manter pressionado o botão esquerdo do mouse e arrastá-lo, será desenhado um retângulo, com as suas dimensões  X,Y e diagonal sendo exibidas. A unidade de medida se dá em pixels.</p>

<p>Quando você soltar o botão do muose, o retângulo permanecerá exibido em tela até que você clique novamente dentro da página web, isso permite que durante esse meio tempo, você possa efetuar screenshots da tela, tomar os dados exibidos para anotações externas, etc.</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>