Dicas para usar o elemento inspecionar no navegador Google Chrome

Supondo que você queira dicas sobre como usar o recurso Inspecionar elemento no navegador Google Chrome: Clique com o botão direito do mouse no elemento que deseja inspecionar e selecione 'Inspecionar' no menu suspenso. Você também pode usar o atalho de teclado Ctrl+Shift+I (Windows) ou Cmd+Opt+I (Mac) para abrir o Inspetor. Depois de abrir o Inspetor, você verá o HTML da página à esquerda e o CSS à direita. Você pode fazer alterações no HTML e CSS no Inspetor e ver essas alterações entrarem em vigor na página imediatamente. Para sair do Inspetor, basta clicar no X no canto superior direito.

O Google Chrome não é apenas para usuários gerais da web, mas também para desenvolvedores da web que costumam criar sites, criar blogs, etc. Verifique o elemento ou Inspecionar A opção do Google Chrome ajuda os usuários a encontrar algumas informações sobre um site que está oculto. Aqui estão algumas dicas para usar o Inspect Element no navegador Google Chrome para Windows PC.

Verifique o elemento do Google Chrome

1] Encontre JavaScript/arquivos de mídia ocultos

excluir janelas de perfil de usuário 10

Muitos sites mostram pop-ups se um visitante permanecer em uma página da web por mais de 15 ou 20 segundos. Ou, em muitos casos, uma imagem, anúncio ou ícone é aberto após um clique acidental em algum lugar. Para encontrar esses arquivos ocultos em uma página da Web, você pode usar Fontes Inspecione a guia Elemento. Uma lista em forma de árvore é exibida à esquerda, que você pode explorar.

2] Obtenha o código de cores HEX/RGB no Chrome

Às vezes, podemos gostar de uma cor e querer saber seu código de cores. Você pode encontrar facilmente o código de cores HEX ou RGB usado em uma página da Web específica usando a opção integrada do Google Chrome. Clique com o botão direito em uma cor e selecione Inspecionar . Na maioria dos casos, você terá um código de cores no lado direito com CSS diferente. Se você não o vir, pode ser necessário usar um software seletor de cores gratuito.

como definir uma impressora padrão no Windows 10

DICA : Dê uma olhada nestes Ferramentas de seleção de cores on-line Mesmo.

habilitando windows aero

3] Obtenha dicas para melhorar o desempenho da página da Web

Todo mundo adora visitar um site que abre rapidamente. Se você está projetando seu site, você deve sempre ter isso em mente. Existem muitas ferramentas para testar e otimizar a velocidade de carregamento da página. No entanto, o Google Chrome também possui uma ferramenta integrada que permite aos usuários obter dicas para melhorar a velocidade de carregamento do site. Para acessar essas ferramentas, acesse auditoria guia e certifique-se Uso da rede , desempenho da página da web , eu Recarregamento de página e auditoria no carregamento selecionado. Em seguida, clique em correr botão. Ele recarregará a página e mostrará algumas informações que podem ser usadas para acelerar a página. Por exemplo, você pode obter todos os recursos que não expiraram em cache, JavaScript que pode ser combinado em um arquivo e assim por diante.

4] Testar a capacidade de resposta

Hoje em dia, é extremamente importante tornar uma página web responsiva. Existem muitas ferramentas que podem verificar se o seu site é totalmente responsivo. No entanto, esta ferramenta do Google Chrome ajuda os usuários saber se um site é responsivo ou não e também verificar como ficará em um dispositivo móvel específico. Abra qualquer site, obtenha Verifique o elemento guia, clique em móvel clique no botão, defina a resolução ou selecione o dispositivo desejado para verificar a página da web.

desative o boot seguro do Windows 10

5] Editar site ao vivo

Digamos que você esteja criando uma página da Web, mas não sabe qual é o esquema de cores, o tamanho do menu de navegação, o conteúdo ou a proporção da barra lateral. Você pode editar seu site ativo usando a opção Inspecionar elemento no Google Chrome. Embora não seja possível salvar as alterações em um site ativo, você pode fazer toda a edição para poder usá-lo mais tarde. Para fazer isso, abra Inspecionar elemento, selecione a propriedade HTML no lado esquerdo e faça alterações de estilo no lado direito. Se você fizer alguma alteração no CSS, poderá clicar no link do arquivo, copiar todo o código e colá-lo no arquivo original.

O Inspect Element do Google Chrome é um verdadeiro companheiro de todos os desenvolvedores da web. Esteja você projetando um site de página única ou um site dinâmico, certamente poderá se beneficiar dessas dicas.