Articles of google chrome devtools

$ Variable no Chrome?

Eu estava trabalhando com as ferramentas de desenvolvimento do google chrome em uma página sem jQuery (ou qualquer outra biblioteca que usa o sinal $ como um atalho). Quando eu inspecionei $ pelo console (apenas digitando e digitando enter), eu recebi o seguinte: $ function () { [native code] } Portanto, o Chrome tem alguma […]

Veja: estado de foco nas Ferramentas do desenvolvedor do Google Chrome

Eu quero ver o estilo :hover para uma âncora na qual eu estou navegando no Chrome. No Firebug, há um menu suspenso que me permite selecionar estados diferentes para um elemento. Não consigo encontrar nada semelhante no Chrome. Estou esquecendo de algo?

Como faço para visualizar events acionados em um elemento no Chrome DevTools?

Eu tenho um elemento de formulário personalizável em uma página de uma biblioteca. Eu quero ver quais events de javascript são acionados quando eu interajo com ele, porque estou tentando descobrir qual manipulador de events para usar. Como faço isso usando o Chrome Web Developer?

Posso impedir que o console das Ferramentas do desenvolvedor do Chrome registre erros de imagem 404?

O console do Chrome Developer Tools registra um erro toda vez que um recurso de página (incluindo uma imagem) não é encontrado (isto é, retorna 404). Em meu trabalho, muitas vezes estou trabalhando em sites em que imagens são fornecidas por terceiros e podem não estar disponíveis durante o desenvolvimento. Ter cada imagem ausente exibida […]

Usando o Element Inspector do Chrome no modo de visualização de impressão?

Estou trabalhando no desenvolvimento de um site e preciso trabalhar na visualização de impressão. Normalmente, quando tenho problemas de layout, uso o Element Inspector do Chrome. No entanto, isso não existe no modo de visualização de impressão. Existe um plugin do Chrome ou alguma outra maneira de alterar o seu meio de visualização dentro do […]

Posso abrir programaticamente os devtools de uma extensão do Google Chrome?

Eu tenho uma extensão de cromo que engancha no devtools. O ideal é que eu queira um selo que, quando clicado, abra os devtools na nova guia que criei. Existe alguma maneira de fazer isso a partir da página de plano de fundo?

Suprimir as mensagens do Chrome “Falha ao carregar resources” no console

Estou escrevendo um script que usa um XMLHttpRequest para procurar um arquivo definido por um caminho relativo, tentando resolver esse caminho relativo em relação a outros caminhos absolutos de mesmo domínio que o script está ciente e, em seguida, tentando carregar o arquivo desse resolvido url. Se eu encontrar um 404, apenas tentei resolver o […]

Descubra se o console do Chrome está aberto

Estou usando este pequeno script para descobrir se o Firebug está aberto: if (window.console && window.console.firebug) { //is open }; E isso funciona bem. Agora eu estava procurando por meia hora para encontrar uma maneira de detectar se o console do desenvolvedor da web integrado ao Google Chrome está aberto, mas não encontrei nenhuma dica. […]

Inconsistência do Google Chrome console.log () com objects e matrizes

Eu estava ajudando um colega a depurar algum código hoje e notei um comportamento estranho com console.log() no Google Chrome: Parece que se você: Crie uma matriz aninhada (por exemplo, [[345, “teste”]]) Registre a matriz no console com console.log() . Modifique um dos valores da matriz interna e, em seguida, console.log() gerará o valor mais […]

“CUIDADO: headers provisórios são exibidos” no depurador do Google Chrome

Percebi uma estranha mensagem de aviso ao analisar os resources baixados usando o Google Chrome Inspector (F12): Atenção headers provisórios são mostrados Eu encontrei algo possivelmente relevante, Painel de Rede: adicione caucanvas sobre headers de solicitação provisórios , mas não consegui entendê-lo completamente. Perguntas relacionadas podem ser encontradas em pedidos de bloqueio do Chrome , […]