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

251

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?

Alexander Sirobaba
quelle
Das würde ich auch gerne wissen. Die einzige Möglichkeit, die ich gefunden habe, besteht darin, die Quelle so zu bearbeiten, wie es dieser Typ getan hat: [link] groups.google.com/forum/?fromgroups=#!topic/…
zone117x
Ich habe ziemlich gründlich gesäubert, und das Nächste, was ich finden kann, ist das Erstellen eines neuen Bereichs in den Entwicklungswerkzeugen mit einer Chrome-Erweiterung.
TankorSmash
2
Mit SendKeys mit Python können Sie Chrome starten und senden +^j, um Ctrl Shift J zu simulieren. Dies funktioniert jedoch nur mit einer neuen Instanz. Sie müssten ein bisschen kreativer mit Selen oder etwas anderem werden, um zu einer bestimmten Seite zu navigieren ...
TankorSmash
Ja, ich habe diese Variante auch gesehen, aber sie ist nicht anwendbar, wenn Sie die Entwickler-Tools für jeden neuen geöffneten Tab öffnen.
Alexander Sirobaba
Hier ist ein Typ, der den Quellcode geändert hat, um diese Funktion hinzuzufügen. Es scheint jetzt veraltet zu sein, aber zumindest wissen wir, dass Ihre Anfrage möglich ist .
Patrick M

Antworten:

89

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.

Chiperific
quelle
1
@ Seanny123: behoben! Wenn Sie dies als Funktion wünschen, können Sie diesen Chromium-Fehler markieren
phsource
1
@Chiperific, Sie sagten, Sie spielten beim Ausführen um die Startzeichenfolge für Chrome herum, konnten sie jedoch nicht dazu bringen, auf neuen Registerkarten zu bleiben. Ich benötige dieses Verhalten beim Start jedoch nur für eine Registerkarte. Können Sie die Art und Weise, wie Sie es getan haben, nur für eine Registerkarte teilen?
Martin Braun
10
Die Zeit hat sich geändert, Sie können jetzt --auto-open-devtools-for-tabswie in dieser Antwort verwenden
huysentruitw
2
Bitte überlegen Sie, Ihre Antwort zu bearbeiten. Es ist veraltet, aber in SO immer noch sehr sichtbar.
Yannick1976
4
Der vollständige Befehl für OS X lautet (beenden Sie zuerst einen laufenden Chrome-Prozess):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane Rettig
189

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.

Bildschirmfoto

Heilige
quelle
13
Dies funktioniert und ist genau das, was das OP gefragt hat. Es sollte als die richtige Antwort markiert werden
Rui
1
Funktioniert bei mir auch nicht mit WebStorm. Die Seite wird geöffnet, aber keine Entwicklungswerkzeuge.
Mörre
3
Dies funktioniert, aber die Option "Protokolle beibehalten" ist immer deaktiviert. Wenn das Popup umleitet, werden keine vorherigen Netzwerkanforderungen angezeigt. Irgendwelche Ideen, wie Protokolle standardmäßig beibehalten werden können?
Zeitplan
1
Dies funktioniert nur für eine bestimmte Teilmenge von Fällen (siehe bugs.chromium.org/p/chromium/issues/detail?id=410958#c87) . Es ist keine allgemeine Lösung.
Lane Rettig
1
Funktioniert nicht, wenn Sie mit VS Code mit Chome-Debug-Erweiterung beginnen.
VanAlbert
80

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

David
quelle
1
Dies funktioniert definitiv und sollte jetzt wahrscheinlich als akzeptierte Antwort markiert werden. Auf Chrom Version 50.0.2661.102 Ubuntu 15.10 (64-bit)chromium-browser --auto-open-devtools-for-tabs
Olga
6
Dies funktioniert nicht unter Windows 7 Version 51.0.2704.103 m
PetroCliff
7
Der vollständige Befehl für OS X lautet (beenden Sie zuerst einen laufenden Chrome-Prozess):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane Rettig
2
Funktionierte nicht mit Version 59.0.3071.115 (Official Build) (64-Bit)
Gustavo Straube
Funktioniert in meinem Anwendungsfall im Gegensatz zu Saint's Antwort.
Markus Barthlen
28

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
Erin Mills
quelle
Zur Verdeutlichung: Dadurch wird Chrome mit auto-open-devtools-for-tabsgesetztem Flag geöffnet . Wenn Sie Chrome beenden und mit der normalen Anwendungsverknüpfung erneut öffnen, wird Chrome ohne gesetztes Flag geöffnet. Wenn Sie eine Verknüpfung zum Öffnen von Chrome mit diesem Flag möchten, ohne ein Terminalfenster öffnen zu müssen, können Sie in Automator einen Workflow erstellen, ein Element "Shell-Skript ausführen" hinzufügen und das obige Skript einfügen. Durch Speichern des Workflows als Anwendung wird eine anklickbare App erstellt. Siehe diese Antwort in einem anderen Thread: stackoverflow.com/a/281455/1512790
Rick Gladwin
17

In den Chrome DevTools-Einstellungen aktivieren Sie:

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

Andrew Patterson
quelle
Die beste Antwort IMO
Chase Miller
2
Gute Antwort, aber für Linux erklärt: Gehen Sie zur Entwicklerkonsole. Gehen Sie zum Hamburger-Menü. Klicken Sie auf Einstellungen (oder f1). Aktivieren Sie im Abschnitt Netzwerk die Option Protokoll beibehalten. im Abschnitt devtools überprüfen Sie automatisch öffnende devtools auf Popups
JDPeckham
9

F12 ist einfacher als Strg + Umschalt + I.

Yehia
quelle
2
Wenn Sie unter Windows oder Linux sind
Gianfranco P.
1
Um f12 auf einem MacBook oder Pro zu drücken, müssen Sie fn + f12 (unten links extrem + oben rechts extrem)
ausführen
Funktioniert hervorragend unter Linux ... Ein weiterer Grund für einen Wechsel. Habe es auf einem Mac Pro gemacht, es ist nicht perfekt, aber immer noch viel besser als Apple OS
Ray Foss
5

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

Rahmen

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

Einstellungsdetails

luhuiya
quelle
4

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!

George Griffin
quelle
4

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.

Ron Rebennack
quelle
Falls die Seite "Codeprojekt" nicht mehr angezeigt wird: Gehen Sie zur Dropdown-Liste "Ausführen" und wählen Sie "Durchsuchen mit ...", "Hinzufügen ...". Das Programm lautet wie folgt: C: \ Programme (x86) \ Google \ Chrome \ Application \ chrome .exe und Argumente: --auto-open-devtools-for-tabs -incognito (inkognito ist optional)
Dustin_00
3

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".

vincedgy
quelle
1

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. Die in diesem Bild hervorgehobene Schaltfläche ist die Schaltfläche zur Skriptausführung, die je nach Bedarf angehalten oder abgespielt werden kann. Probieren Sie es selbst aus

Ich hoffe es hilft! Frieden

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

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.

Belloz
quelle