Öffnen Sie die Chrome-Entwicklertools automatisch, wenn ein neuer Tab / ein neues Fenster geöffnet wird

Ich habe eine HTML5-Anwendung, die in einem neuen Fenster durch Klicken auf einen Link geöffnet wird. Ich bin es ein bisschen leid, jedes Mal Umschalt + I zu drücken, wenn ich die Netzwerkkommunikation protokollieren möchte, um Entwicklertools zu starten , weil ich sie immer brauche. Ich konnte keine Option finden, um die Entwicklertools beim Start immer aktiviert zu lassen.

Gibt es eine Möglichkeit, Entwicklertools automatisch zu öffnen, wenn ein neues Fenster in Chrome geöffnet wird?

UPDATE 2:

Siehe diese Antwort . - 2019-11-05

Sie können die Entwicklertools jetzt auch automatisch in Popups öffnen, wenn sie dort geöffnet waren, wo Sie sie geöffnet haben. Wenn Sie beispielsweise keine Dev Tools geöffnet haben und ein Popup erhalten, wird es mit Dev Tools nicht geöffnet. Wenn Sie jedoch Dev Tools geöffnet haben und dann auf etwas klicken, wird im Popup Dev-Tools automatisch geöffnet.

AKTUALISIEREN:

Die Zeit hat sich geändert, Sie können jetzt --auto-open-devtools-for-tabs wie in dieser Antwort verwenden - Wouter Huysentruit 18. Mai um 11:08 Uhr

OP:

Ich habe beim Ausführen mit der Startzeichenfolge für Chrome herumgespielt, konnte sie jedoch nicht auf neuen Registerkarten beibehalten.
Ich habe auch über eine definierte PATH-Methode nachgedacht, die Sie über die Eingabeaufforderung aufrufen können. Dies ist mit dem Befehl SendKeys möglich, jedoch nur auf einer neuen Instanz. Und DevTools bleibt nicht bei neuen Registerkarten.

Beim Durchsuchen der Google-Produktforen scheint es in Chrome keine integrierte Möglichkeit zu geben, dies zu tun. Sie müssen eine Tastenanschlaglösung oder F12wie oben erwähnt verwenden.

Ich habe es als Feature empfohlen. Ich weiß, dass ich auch nicht der erste bin.

Drücken Sie beim Öffnen der Entwicklertools im Fokus des Fensters Entwicklertools F1. Dies öffnet eine Einstellungsseite. Überprüfen Sie die "DevTools für Popups automatisch öffnen".

Das hat bei mir funktioniert.

Hierfür gibt es einen Befehlszeilenschalter: --auto-open-devtools-for-tabs

Verwenden Sie für die Eigenschaften in Google Chrome etwa Folgendes:

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

Hier ist ein nützlicher Link: Chrom-Befehlszeilenschalter

Führen Sie auf einem Mac Chrome aus und führen Sie den folgenden Befehl in einem Terminalfenster aus:

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

In den Chrome DevTools-Einstellungen aktivieren Sie:

Unter Netzwerk -> Protokoll beibehalten Unter DevTools -> DevTools für Popups automatisch öffnen

F12 ist einfacher als Strg + Umschalt + I.

Klicken Sie im sichtbaren Fenster "Entwicklertools" auf das Menüsymbol (die drei vertikalen Punkte in der oberen rechten Ecke) und klicken Sie auf " Einstellungen" .

Aktivieren Sie unter Dev Tools die Option DevTools für Popups automatisch öffnen

Ich bin hierher gekommen, um nach einer ähnlichen Lösung zu suchen. Ich wollte unbedingt die Chrome-Ausgabe für das Seitenladen von einem neuen Tab aus sehen. (in meinem Fall eine Formularübermittlung) Die Lösung, die ich tatsächlich verwendet habe, bestand darin, das Formularzielattribut so zu ändern, dass die Formularübermittlung auf der aktuellen Registerkarte erfolgt. Ich konnte die Netzwerkanforderung erfassen. Problem gelöst!

Wenn Sie dies in Visual Studio tun möchten, hilft Ihnen dieser Code Project- Artikel. Fügen Sie einfach "--auto-open-devtools-for-tabs" in das Argumentfeld ein. Funktioniert 2017.

Wenn Sie Visual Studio Code (vscode) verwenden und die sehr beliebte vscode-Chrome-Debug-Erweiterung ( https://github.com/Microsoft/vscode-chrome-debug ) verwenden, können Sie eine Startkonfigurationsdatei einrichten launch.jsonund angeben, dass das Entwicklertool währenddessen geöffnet werden soll eine Debug-Sitzung.

Dies verwende launch.jsonich für meine React-Projekte:

{
  "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"
    }
  ]
}

Die wichtige Linie ist "runtimeArgs": ["--auto-open-devtools-for-tabs"],

Über vscode, den Sie jetzt eingeben können F5, öffnet Chrome Ihre App und die Registerkarte "Konsole".

Ja, es gibt eine Möglichkeit, wie Sie es tun könnten

1. Rechtsklick-> Inspizieren-> Quellen (Registerkarte)

2. Zu Ihrer Rechten befindet sich eine Schaltfläche zum Ausführen der Skriptausführung.

Ich hoffe es hilft! Frieden

• PS: Dies ist das erste Mal. Ab dem zweiten Mal wird das Entwicklungswerkzeug automatisch geladen

Verwenden Sie das --auto-open-devtools-for-tabsFlag, während Sie Chrome über die Befehlszeile ausführen

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

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

Sie können Dev Tools ( F12in Chrome) in einem neuen Fenster clicking three, vertical dotsin der rechten unteren Ecke öffnen und auswählen Open as Separate Window.