Como inspecionar o elemento no Chrome: 7 etapas (com imagens)

Índice:

Como inspecionar o elemento no Chrome: 7 etapas (com imagens)
Como inspecionar o elemento no Chrome: 7 etapas (com imagens)

Vídeo: Como inspecionar o elemento no Chrome: 7 etapas (com imagens)

Vídeo: Como inspecionar o elemento no Chrome: 7 etapas (com imagens)
Vídeo: RECORTE DE CABELO no Photoshop! Fica perfeito! (2023) 2024, Abril
Anonim

Este wikiHow ensina como inspecionar o código-fonte HTML de um elemento visual em qualquer página da web no Google Chrome, usando um computador.

Passos

Inspecionar elemento no Chrome Etapa 1
Inspecionar elemento no Chrome Etapa 1

Etapa 1. Abra o Google Chrome em seu computador

O ícone do Chrome parece uma bola colorida com um ponto azul no centro. Você pode encontrá-lo na pasta Aplicativos em um Mac ou no menu Iniciar do Windows.

Inspecionar elemento no Chrome Etapa 2
Inspecionar elemento no Chrome Etapa 2

Etapa 2. Clique no ícone de três pontos verticais

Este botão está localizado próximo à barra de endereço no canto superior direito da janela do seu navegador. Isso abrirá um menu suspenso.

Inspecionar elemento no Chrome Etapa 3
Inspecionar elemento no Chrome Etapa 3

Etapa 3. Passe o mouse sobre Mais ferramentas no menu suspenso

Um submenu aparecerá.

Inspecionar elemento no Chrome Etapa 4
Inspecionar elemento no Chrome Etapa 4

Etapa 4. Clique em Ferramentas do desenvolvedor no submenu Mais ferramentas

Isso abrirá a coluna Inspetor no lado direito da janela do seu navegador.

Como alternativa, você pode abrir o Inspetor com um atalho de teclado. Este atalho é ⌥ Option + ⌘ Cmd + I no Mac e Ctrl + Alt + I no Windows

Inspecionar elemento no Chrome Etapa 5
Inspecionar elemento no Chrome Etapa 5

Etapa 5. Passe o mouse sobre um elemento na coluna Inspetor

Mover o mouse para um elemento ou linha no Inspector destacará o elemento selecionado na página da web.

Inspecionar elemento no Chrome Etapa 6
Inspecionar elemento no Chrome Etapa 6

Etapa 6. Clique com o botão direito em um elemento que deseja inspecionar em qualquer página da web

O menu do botão direito aparecerá em uma caixa suspensa.

Inspecionar elemento no Chrome Etapa 7
Inspecionar elemento no Chrome Etapa 7

Etapa 7. Selecione Inspecionar no menu suspenso

Isso rolará a coluna Inspetor para cima ou para baixo até o elemento selecionado e destacará seu código-fonte.

Você não precisa abrir manualmente a coluna Inspetor para fazer isso. Selecionando Inspecionar no menu do botão direito abrirá automaticamente o Inspetor.

Recomendado:

3 maneiras de inspecionar e comprar uma bicicleta usada

3 maneiras de inspecionar e comprar uma bicicleta usada

Comprar uma bicicleta usada em vez de uma nova é uma ótima maneira de economizar algum dinheiro, e hoje em dia existem várias maneiras de encontrar bicicletas usadas. Quer você queira algo para andar casualmente pela cidade, ir para o trabalho ou fazer trilhas na montanha, há toneladas de bicicletas usadas de boa qualidade esperando para encontrar um novo lar.

Como falsificar mensagens de discórdia usando o elemento de inspeção: 10 etapas

Como falsificar mensagens de discórdia usando o elemento de inspeção: 10 etapas

Para fazer do seu jeito ou pregar uma peça nos amigos, falsificar mensagens no Discord pode ser muito útil. Usando o Inspecionar elemento nas Ferramentas do desenvolvedor, você pode alterar rapidamente os apelidos, nomes de usuário, horários e texto da mensagem.

Como inspecionar um veículo recém-adquirido antes da entrega

Como inspecionar um veículo recém-adquirido antes da entrega

Está comprando um carro novo, mas não sabe o que procurar em seu novo carro? Aqui estão algumas dicas que podem salvá-lo de pousar com um veículo defeituoso. Passos Etapa 1. Certifique-se de que todos os documentos relevantes, como seguro e registro do veículo, sejam fornecidos antes da entrega final Etapa 2.

Como Habilitar Inspecionar Elemento no Microsoft Edge: 4 etapas

Como Habilitar Inspecionar Elemento no Microsoft Edge: 4 etapas

Inspecionar elemento é uma característica em um navegador que permite ao usuário implementar diferentes tarefas no URL de um site. Isso pode incluir alteração do site, monitoramento do site, permissão para o funcionamento de ferramentas experimentais do navegador, etc.

Como usar inspecionar elemento no Mozilla Firefox: 11 etapas

Como usar inspecionar elemento no Mozilla Firefox: 11 etapas

A ferramenta de desenvolvedor Inspecionar elemento no Firefox permite que você localize o código HTML para qualquer coisa que você vê em sua página da web. O HTML e a folha de estilo CSS que a acompanha são totalmente editáveis quando essas ferramentas são abertas.