Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.
O Eyedropper é novidade no Firefox 31.
A ferramenta Eyedropper permite que você selecione cores na página atual. Funciona como uma lupa através da página, permitindo que você selecione com uma precisão de pixels. Abaixo da lupa é mostrado o valor da cor do pixel atual, baseado na representação selecionada em Settings > Inspector > Default color unit:
Você pode usar para as seguintes finalidades:
- para selecionar uma cor de uma página e copiá-la para a área de transferência.
- para mudar o valor da cor nas Regras do Inspetor para uma nova cor que tenha sido selecionada na página.
Copiando a cor para a clipboard
Abra o Eyedropper usando uma das seguintes maneiras:
- selecione "Eyedropper" no menu "Web Developer"
- click no botão do eyedropper na Toolbox toolbar (note que este butão não é mostrado por padrão: você precisa adicioná-lo marcando "Grab a color from the page" Configurações do Developer Tools)
A medida que você movimenta o mouse através da página, você verá o valor da cor atual sendo alterado no Eyedorpper. Ao clicar, a cor atual será copiada à área de trasnferência.
Alterando o valor de uma cor no visualizador de regras.
Valores de cores que aparecem nas regras do Inspetor possuem amostras de cores próximas a elas: clicar na amostra habilita uma popup de seleção de cores. Desde o Firefox 31, a popup possui um ícone do eyedropper: clique neste ícone para ativar o Eyedropper.
Assim, quando você clicar no Eyedropper, a cor no visualizador de regras estará atribuída com o valor selecionado.
Keyboard shortcuts
| Command | Windows | OS X | Linux |
|---|---|---|---|
| Select the current color | Enter | Return | Enter |
| Dismiss the Eyedropper | Esc | Esc | Esc |
| Move by 1 pixel | Arrow keys | Arrow keys | Arrow keys |
| Move by 10 pixels | Shift + arrow keys | Shift + arrow keys | Shift + arrow keys |