/ / Posso ter o Chrome DevTools aberto durante o carregamento da página? - google-chrome-devtools

Posso ter o Chrome DevTools aberto durante o carregamento da página? - google-chrome-devtools

É comum eu querer que o DevTools seja aberto enquanto uma página é atualizada. Posso ter o DevTools disponível para depurar essa página desde o início?

Respostas:

7 para resposta № 1

Você pode depurar remotamente sua própria instância do Google Chrome para obter um DevTools completo para cada página. Inicie o Chrome com o sinalizador de linha de comando: --remote-debugging-port=9222

Você então recebe uma interface como:

insira a descrição da imagem aqui

A partir daqui, você seleciona a aba que deseja depurar e abre as DevTools em uma janela exclusiva para essa página:

insira a descrição da imagem aqui

Perguntas relacionadas

Como editar / redefinir as configurações do Chrome DevTools manualmente no disco? - windows, google-chrome, configurações, google-chrome-devtools
A rolagem da Emulação do Chrome DevTools Mobile não está funcionando - rolar, google-chrome-devtools
Uncaught TypeError: Não é possível ler a propriedade 'inspectedWindow' de undefined - javascript, google-chrome-extension, google-chrome-devtools
Filtre scripts profilable em DevTools (blackboxing) - javascript, google-chrome-devtools, black-box
Js devtools aberto - javascript, google-chrome, google-chrome-devtools, htmlbutton
Ativando a extensão Devtools para páginas de um domínio específico? - javascript, google-chrome-extension, google-chrome-devtools
Usando o chrome.tabs.captureVisibleTab () no console do DevTools - javascript, google-chrome, html2canvas, página da web - captura de tela
CPU e recursos do acelerador disponíveis para o Chrome - limitação do google-chrome
Como posso gravar e carregar a guia Rede do Google Chrome? - google-chrome, google-chrome-devtools
Obter todas as imagens e CSS usando o Pedido da Web (Rede - Google Chrome) - google-chrome, google-chrome-extension, webrequest
Chrome --auto-open-devtools-para-guias - google-chrome, google-chrome-devtools, argumentos da linha de comando
O que cada cor significa no gráfico de chama do perfil do Chrome devtools - google-chrome, google-chrome-devtools, profiler
Por que o chrome.devtools.network é "indefinido"? - google-chrome-extension, google-chrome-devtools
Como depurar a extensão do painel cromo devtools? - google-chrome-extension, google-chrome-devtools
Chrome DevTools - como você fecha uma caixa de alerta? - google-chrome-devtools, chrome-remote-debugging
Use o Chrome Dev Tools como uma biblioteca? - google-chrome-devtools
Nenhuma emulação ou gaveta em minhas ferramentas de desenvolvimento - google-chrome-devtools
Identificando o recurso do inspetor de páginas (Chrome) - google-chrome-devtools
Pare o Chrome DevTools de envolver o último elemento CSS - css, google-chrome, google-chrome-devtools, elemento, wrap
Chrome Inspector - Mostrar alterações modificadas - css, google-chrome, google-chrome-devtools