Abrir automaticamente as ferramentas de desenvolvedor do Chrome quando uma nova guia / nova janela for aberta

Eu tenho o aplicativo HTML5 que abre em uma nova janela clicando em um link. Estou um pouco cansado de pressionar Shift + I toda vez que quero registrar a comunicação em rede para iniciar as ferramentas do desenvolvedor, porque sempre preciso disso. Não consegui encontrar uma opção para manter as Ferramentas do desenvolvedor sempre ativadas na inicialização.

Existe alguma maneira de abrir as ferramentas do desenvolvedor automaticamente quando uma nova janela é aberta no Chrome?

ATUALIZAÇÃO 2:

Veja esta resposta . - 2019-11-05

Agora você também pode abrir automaticamente as Ferramentas do desenvolvedor nos pop-ups, caso estejam abertas de onde você as abriu. Por exemplo, se você não tiver o Dev Tools aberto e aparecer um pop-up, ele não será aberto com o Dev Tools. Mas se você tiver o Dev Tools Open e clicar em algo, o pop-up terá o Dev-Tools automaticamente aberto.

ATUALIZAR:

O tempo mudou, agora você pode usar --auto-open-devtools-for-tabs como nesta resposta - Wouter Huysentruit 18 de maio às 11:08

OP:

Eu brinquei com a string de inicialização do Chrome na execução, mas não consegui persistir em novas guias.
Também pensei em um método PATH definido que você poderia invocar a partir do prompt. Isso é possível com o comando SendKeys, mas novamente, apenas em uma nova instância. E o DevTools não persiste em novas guias.

Navegando nos Fóruns dos Produtos do Google, não parece haver uma maneira integrada de fazer isso no Chrome. Você precisará usar uma solução de pressionamento de tecla ou F12conforme mencionado acima.

Eu o recomendei como um recurso. Eu sei que também não sou a primeira.

Ao abrir as ferramentas do desenvolvedor, com a janela das ferramentas do desenvolvedor em foco, pressione F1. Isso abrirá uma página de configurações. Marque a opção "Abrir automaticamente o DevTools para pop-ups".

Isso funcionou para mim.

Há uma opção de linha de comando para isso: --auto-open-devtools-for-tabs

Portanto, para as propriedades no Google Chrome, use algo como isto:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

Aqui está um link útil: chromium-command-line-switches

No Mac: saia do Chrome e execute o seguinte comando em uma janela do terminal:

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

Nas configurações do Chrome DevTools, você habilita:

Em Rede -> Preservar log Em DevTools -> Abrir automaticamente o DevTools para pop-ups

F12 é mais fácil que Ctrl + Shift + I

Com a janela Ferramentas do desenvolvedor visível, clique no ícone do menu (os três pontos verticais no canto superior direito) e clique em Configurações .

Em Ferramentas de Desenvolvimento , verifique o pop-up do DevTools para abrir automaticamente opção

Eu vim aqui procurando uma solução semelhante. Eu realmente queria ver a saída do cromo para o carregamento de página em uma nova guia. (um envio de formulário no meu caso) A solução que realmente usei foi modificar o atributo de destino do formulário para que o envio do formulário ocorresse na guia atual. Consegui capturar a solicitação de rede. Problema resolvido!

Quem quiser fazer isso dentro do Visual Studio, este artigo do Code Project ajudará. Basta adicionar "--auto-open-devtools-for-tabs" na caixa de argumentos. Funciona em 2017.

Se você usar o Visual Studio Code (vscode), usando a muito popular extensão de depuração do vscode chrome ( https://github.com/Microsoft/vscode-chrome-debug ), poderá configurar um arquivo de configuração de inicialização launch.jsone especificar para abrir a ferramenta de desenvolvedor durante uma sessão de depuração.

É o que launch.jsoneu uso nos meus projetos React:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

A linha importante é "runtimeArgs": ["--auto-open-devtools-for-tabs"],

No vscode, agora você pode digitar F5, o Chrome também abre seu aplicativo e a guia do console.

Sim, existe uma maneira de você fazer isso

1. Clique com o botão direito do mouse-> Inspecionar-> fontes (guia)

2. Em direção à sua direita, haverá um "botão de execução do script de pausa"

Espero que ajude!

• PS: Esta é a primeira vez que, a partir da segunda vez, a ferramenta de desenvolvimento carrega automaticamente

Use --auto-open-devtools-for-tabssinalizador ao executar o chrome na linha de comando

/ Aplicativos / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --auto-open-devtools-for-tabs

https://developers.google.com/web/tools/chrome-devtools/open#auto

Você pode abrir as Ferramentas de Desenvolvimento ( F12no Chrome) em uma nova janela, clicking three, vertical dotsno canto inferior direito, e escolher Open as Separate Window.