Qual é o recurso Inspecionar elemento no Google Chrome e como posso me beneficiar dele? Quando na janela Inspecionar Elemento, se clicar na guia Recurso, ele não mostrará nenhum tempo de carregamento. Como posso usar esse recurso efetivamente?
Eu vejo a seguinte tela quando abro "Inspecionar Elemento" clicando com o botão direito do mouse na página e selecionando o item Inspecionar Elemento:
Inspect Element é a versão do Chrome do Firebug. Não é tão completo, mas ainda é uma ferramenta muito útil.
Certifique-se de que a guia Recurso esteja ativada. Se não estiver, você não receberá nenhum tempo de carregamento. Clique no grande botão "Ativar rastreamento de recursos".
Como outros já mencionaram, é o WebKit Web Inspector , que permite inspecionar o HTML e outros recursos de uma página, e avaliar os tempos de carregamento e tal. Aqui está uma captura de tela do uso desta página (do Safari; mesmo inspetor):
Inspecionar Elemento permite que você inspecione qualquer elemento HTML mais próximo da área em que você clicou, assim como a extensão do Firefox firebug . Se você quiser ver horários que você tem que habilitar o rastreamento de recursos permanentemente, ele deve solicitar isso.
Não tenho certeza de qual versão do Chrome está sendo usada por todos, 14.0.835.202 Developer Tools tem uma variedade de coisas para escolher. Um dos mais úteis é inspecionar um elemento e a) editar ao vivo html ou b) CSS de edição ao vivo para desenvolvimento web. Depois de fazer tudo funcionar, você pode editar a coisa real e não precisar fazer a dança edit-flush-reload para ver as alterações no layout.
Aqui está a seção Rede mostrando os tempos de carregamento dos elementos da página (como o YSlow no Firebug).
Ele provou ser muito mais rápido e melhor definido para o meu uso do que o Firebug no Firefox.
Tags google-chrome browser