Dicas sobre como usar o elemento Inspecionar do navegador Google Chrome

Inspecionar Elemento A opção ou Inspecionar do Google Chrome ajuda os usuários a encontrar algumas informações sobre um site que está oculto. Aqui estão algumas dicas sobre como usar o navegador Inspecionar Elemento do Google Chrome para PC com Windows. Inspecionar o Elemento do Google Chrome

1] Localizar arquivos JavaScript / Mídia ocultos

Muitos sites mostram pop-ups se o visitante permanecer na Web página por mais de 15 ou 20 segundos. Ou, muitas vezes, uma imagem, um anúncio ou um ícone é aberto depois de clicar em algum lugar aleatoriamente. Para localizar esses arquivos ocultos de uma página da Web, você pode usar a guia

Origens do Elemento Inspecionar. Ela mostra uma lista de visualização em árvore no lado esquerdo que pode ser explorada. 2] Obtenha o código de cores HEX / RGB no Chrome

Às vezes, podemos gostar de uma cor e descobrir seu código de cor. Você pode encontrar facilmente o código de cor HEX ou RGB usado em uma determinada página da Web, usando a opção nativa no Google Chrome. Clique com o botão direito do mouse na cor e clique em

Inspecionar . Na maioria das vezes, você obterá o código de cores do lado direito com outro CSS. Se você não o visualizar, talvez precise usar algum software de seleção de cores gratuito. DICA

: Veja também essas ferramentas on-line do Seletor de cores. 3] Obtenha dicas de aprimoramento de desempenho de página da web

Todo mundo adora pousar em um site que abre rapidamente. Se você está projetando seu site, você deve sempre ter isso em mente. Existem muitas ferramentas para verificar e otimizar a velocidade de carregamento da página. No entanto, o Google Chrome também vem com uma ferramenta embutida que permite aos usuários obter dicas para melhorar a velocidade de carregamento do site. Para acessar essas ferramentas, vá para a guia

Auditorias e verifique se Utilização da Rede , Desempenho da Página da Web e Recarregar Página e Auditar na Carga são selecionados. Em seguida, clique no botão Executar . Ele recarregará a página e mostrará algumas informações que podem ser usadas para tornar a página mais rápida. Por exemplo, você pode obter todos os recursos que não estão tendo expiração de cache, JavaScript que pode ser combinado em um arquivo e assim por diante. 4] Verificar responsividade

Tornar uma página responsiva é crucial hoje em dia. Existem muitas ferramentas que podem verificar se o site é totalmente responsivo ou não. No entanto, essa ferramenta do Google Chrome ajuda os usuários a saber se o site é responsivo ou não, além de verificar como ficaria em um determinado dispositivo móvel.Abra qualquer site, obtenha a guia

Inspecionar elemento , clique no mobile , defina a resolução ou selecione o dispositivo desejado para testar a página da Web. 5] Edite o site ao vivo

Vamos supor que você esteja criando uma página da Web, mas esteja confuso sobre a cor esquema ou tamanho do menu de navegação ou conteúdo ou índice da barra lateral. Você pode editar seu website ao vivo usando a opção Inspect Element do Google Chrome. Embora não seja possível salvar as alterações em um site ativo, você pode realizar toda a edição para poder usá-lo ainda mais. 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 qualquer alteração no CSS, poderá clicar no link do arquivo, copiar o código inteiro e colá-lo no arquivo original.

Inspecionar o Elemento do Google Chrome é um verdadeiro complemento de todos os desenvolvedores da Web. Não importa se você está desenvolvendo um site de uma página ou um website dinâmico, você certamente pode usar essas dicas.