Este wikiHow ensina como examinar o código-fonte HTML dos elementos visuais de uma página da web no Google Chrome usando um computador.
Etapa
Etapa 1. Abra o Google Chrome no computador
O ícone do Chrome parece uma bola colorida com um ponto azul no centro. Você pode encontrar este ícone na pasta “Aplicativos” em um computador Mac ou no menu “Iniciar” em um computador Windows.
Etapa 2. Clique no ícone de três pontos verticais
Ele fica ao lado da barra de endereço, no canto superior direito da janela do seu navegador. Depois disso, um menu suspenso será exibido.
Etapa 3. Passe o mouse sobre Mais ferramentas no menu suspenso
Depois disso, o submenu será exibido.
Etapa 4. Clique em Ferramentas do desenvolvedor no submenu “Mais ferramentas”
Uma coluna de inspeção será exibida no lado direito da janela do navegador.
Como alternativa, você pode abrir a janela de inspeção com um atalho de teclado. Pressione Option + ⌘ Cmd + I em computadores Mac e Ctrl + Alt + I em computadores Windows
Etapa 5. Passe o mouse sobre um elemento na coluna de inspeção
Quando o cursor é passado sobre um elemento ou linha na janela de inspeção, o elemento correspondente será marcado na página da web.
Etapa 6. Clique com o botão direito no elemento que deseja inspecionar na página da web
O menu do botão direito aparecerá na caixa suspensa.
Etapa 7. Selecione Inspecionar no menu suspenso
Depois disso, a coluna de inspeção será deslocada para cima ou para baixo para aquele elemento. O código-fonte do elemento será sinalizado.
