Apri automaticamente gli strumenti di sviluppo di Chrome quando viene aperta una nuova scheda / nuova finestra

Ho un'applicazione HTML5 che si apre in una nuova finestra facendo clic su un collegamento. Sono un po 'stanco di premere Maiusc + I ogni volta che voglio registrare le comunicazioni di rete per avviare gli strumenti per gli sviluppatori perché ne ho sempre bisogno. Non sono stato in grado di trovare un'opzione per mantenere gli Strumenti per gli sviluppatori sempre abilitati all'avvio.

Esiste un modo per aprire automaticamente gli strumenti di sviluppo quando si apre una nuova finestra in Chrome?

AGGIORNAMENTO 2:

Vedere questa risposta . - 05-11-2019

Ora puoi anche aprirlo automaticamente Strumenti per sviluppatori nei popup se erano aperti da dove li hai aperti. Ad esempio, se non hai Dev Tools aperto e ottieni un popup, non si aprirà con Dev Tools. Ma se hai Strumenti di sviluppo aperti e fai clic su qualcosa, nel popup verranno aperti automaticamente Strumenti di sviluppo.

AGGIORNARE:

Il tempo è cambiato, ora puoi usare --auto-open-devtools-for-tabs come in questa risposta - Wouter Huysentruit, 18 maggio alle 11:08

OPERAZIONE:

Ho giocato con la stringa di avvio per Chrome durante l'esecuzione, ma non sono riuscito a farlo persistere in nuove schede.
Ho anche pensato a un metodo PATH definito che potresti richiamare dal prompt. Ciò è possibile con il comando SendKeys, ma di nuovo solo su una nuova istanza. E DevTools non persiste in nuove schede.

Navigando nei forum dei prodotti Google, non sembra esserci un modo integrato per farlo in Chrome. Dovrai utilizzare una soluzione di battitura o F12come menzionato sopra.

L'ho consigliato come funzionalità. So di non essere neanche il primo.

All'apertura degli strumenti di sviluppo, con la finestra degli strumenti di sviluppo in primo piano, premere F1. Questo aprirà una pagina delle impostazioni. Selezionare "Apri automaticamente DevTools per i popup".

Questo ha funzionato per me.

Esiste un'opzione da riga di comando per questo: --auto-open-devtools-for-tabs

Quindi, per le proprietà su Google Chrome, utilizzare qualcosa del genere:

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

Ecco un link utile: chrome-command-line-switch

Su un Mac: esci da Chrome, quindi esegui il comando seguente in una finestra del terminale:

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

Sotto le impostazioni di Chrome DevTools abiliti:

Sotto Rete -> Conserva registro Sotto DevTools -> Apri automaticamente DevTools per i popup

F12 è più facile di Ctrl + Maiusc + I

Con la finestra Strumenti di sviluppo visibile, fai clic sull'icona del menu (i tre punti verticali nell'angolo in alto a destra) e fai clic su Impostazioni .

In Strumenti di sviluppo , seleziona l' opzione Apri automaticamente DevTools per i popup

Sono venuto qui alla ricerca di una soluzione simile. Volevo davvero vedere l'output di Chrome per il pageload da una nuova scheda. (una presentazione del modulo nel mio caso) La soluzione che ho effettivamente usato è stata quella di modificare l'attributo target del modulo in modo che l'invio del modulo si verificasse nella scheda corrente. Sono stato in grado di acquisire la richiesta di rete. Problema risolto!

Chiunque cerchi di farlo all'interno di Visual Studio, questo articolo di Code Project aiuterà. Aggiungi "--auto-open-devtools-for-tabs" nella casella degli argomenti. Funziona nel 2017.

Se si utilizza Visual Studio Code (vscode), utilizzando l'estensione di debug chrome vscode molto popolare ( https://github.com/Microsoft/vscode-chrome-debug ) è possibile impostare un file di configurazione di avvio launch.jsone specificare di aprire lo strumento di sviluppo durante una sessione di debug.

Questo l' launch.jsonho usato per i miei progetti 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"
    }
  ]
}

La linea importante è "runtimeArgs": ["--auto-open-devtools-for-tabs"],

Da vscode ora puoi digitare F5, Chrome apre anche la tua app e la scheda della console.

Sì, c'è un modo per farlo

1. Fare clic destro-> Ispeziona-> fonti (scheda)

2. Verso la tua destra ci sarà un "pulsante di esecuzione dello script di pausa"

Spero che sia d'aiuto! Pace

• PS: è la prima volta. A partire dalla seconda volta, lo strumento di sviluppo si carica automaticamente

Usa --auto-open-devtools-for-tabsflag mentre esegui chrome dalla riga di comando

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

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

Puoi aprire Dev Tools ( F12in Chrome) in una nuova finestra clicking three, vertical dotsnell'angolo in basso a destra e scegliere Open as Separate Window.