Como Inspecionar um Elemento no Chrome

Baixe em PDF
Coescrito por Luigi Oppido

Baixe em PDF

Leia este artigo para saber como inspecionar o código-fonte HTML de um elemento visual em qualquer página da web no Google Chrome.

Passos

Baixe em PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Você encontrará o ícone do navegador (uma esfera colorida) na pasta Aplicativos do Mac ou no menu Iniciar do Windows.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esse botão está localizado ao lado da barra de endereços, no canto superior direito da janela do navegador. Um menu suspenso será aberto.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Um submenu será exibido.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    O painel do Inspetor será aberto no lado direito do navegador.
    • Você também pode abrir o Inspetor através do atalho ⌥ Option + ⌘ Cmd + I no Mac e Ctrl + Alt + I no Windows.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Um menu suspenso será exibido.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    O painel do Inspetor encontrará o elemento selecionado, realçando o código-fonte dele.
    • O painel do Inspetor pode ser aberto diretamente através desse procedimento.
    Publicidade

WikiHows Relacionados

Como
Desativar o Controle dos Pais no Android
Como
Ver o Histórico de Navegação de um Roteador WiFi
Como
Pesquisar e Encontrar Alguém Facilmente Usando Imagens
Como
Desativar o Google Safesearch
Character.AI: O que É, Consertando Filtros e Repetições e Mais
Como
Realçar Valores Duplicados no Google Planilhas em um PC ou Mac
Como Enviar uma Mensagem de Texto Anônima
Como
Colocar um Site em sua Área de Trabalho
Como
Burlar Restrições de Acesso na Internet
Como
Desbloquear o Fortinet
Como
Remover Alguém da sua Rede
Como
Rastrear um Pacote Sem o Código de Rastreamento
O que o Emoji 😮 (Boca Aberta) Significa?
Uso e Significado do Emoji dos Dedos Juntos 🤌
Publicidade

Sobre este guia wikiHow

Em outras línguas
Esta página foi acessada 35 318 vezes.

Este artigo foi útil?

Publicidade