Automatycznie otwieraj narzędzia programistyczne Chrome po otwarciu nowej karty / nowego okna

Mam aplikację HTML5, która otwiera się w nowym oknie, klikając link. Jestem trochę zmęczony naciskaniem Shift + I za każdym razem, gdy chcę rejestrować komunikację sieciową w celu uruchomienia narzędzi programistycznych, ponieważ zawsze tego potrzebuję. Nie udało mi się znaleźć opcji, aby Narzędzia programistyczne były zawsze włączone podczas uruchamiania.

Czy istnieje sposób, aby automatycznie otwierać narzędzia programistyczne po otwarciu nowego okna w Chrome?

AKTUALIZACJA 2:

Zobacz tę odpowiedź . - 2019-11-05

Możesz teraz włączyć automatyczne otwieranie Narzędzi programisty w wyskakujących oknach, jeśli były one otwarte w miejscu, w którym je otworzyłeś. Na przykład, jeśli nie masz otwartych Narzędzi programistycznych i pojawi się wyskakujące okienko, nie otworzy się ono za pomocą Narzędzi programistycznych. Ale jeśli masz otwarte narzędzia deweloperskie, a następnie coś klikniesz, wyskakujące okienko automatycznie otworzy narzędzia deweloperskie.

AKTUALIZACJA:

Czas się zmienił, możesz teraz używać --auto-open-devtools-for-tabs, jak w tej odpowiedzi - Wouter Huysentruit 18 maja o 11:08

OP:

Bawiłem się ciągiem uruchamiania dla Chrome po uruchomieniu, ale nie mogłem utrzymać go na nowych kartach.
Pomyślałem także o zdefiniowanej metodzie PATH, którą można wywoływać z linii poleceń. Jest to możliwe dzięki poleceniu SendKeys, ale znowu tylko w nowej instancji. DevTools nie utrzymuje się na nowych kartach.

Przeglądając fora produktów Google, wydaje się, że nie ma wbudowanego sposobu, aby to zrobić w Chrome. Będziesz musiał użyć klawisza lub F12jak wspomniano powyżej.

Poleciłem to jako funkcję. Wiem, że nie jestem pierwszy.

Na otwarcie narzędzi programistycznych, z okna narzędzi programistycznych w fokus, prasy F1. Spowoduje to otwarcie strony ustawień. Zaznacz „Automatyczne otwieranie DevTools dla wyskakujących okienek”.

To zadziałało dla mnie.

Do tego służy przełącznik wiersza poleceń: --auto-open-devtools-for-tabs

Dlatego w przypadku właściwości w Google Chrome użyj czegoś takiego:

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

Oto przydatne łącze: chromowane przełączniki linii poleceń

Na komputerze Mac: Zamknij Chrome, a następnie uruchom następujące polecenie w oknie terminala:

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

W ustawieniach Chrome DevTools włączasz:

W sieci -> Zachowaj dziennik w DevTools -> Automatyczne otwieranie DevTools dla wyskakujących okienek

F12 jest łatwiejszy niż Ctrl + Shift + I

Przy widocznym oknie Narzędzi programisty kliknij ikonę menu (trzy pionowe kropki w prawym górnym rogu) i kliknij Ustawienia .

Pod Dev Tools sprawdź DevTools auto-otwarte dla wyskakujących okienek opcji

Przybyłem tutaj, szukając podobnego rozwiązania. Naprawdę chciałem zobaczyć wyjście chrome dla pageload z nowej karty. (w moim przypadku przesłanie formularza) Rozwiązaniem, którego faktycznie użyłem, było zmodyfikowanie atrybutu docelowego formularza, aby przesłanie formularza miało miejsce na bieżącej karcie. Udało mi się uchwycić żądanie sieciowe. Problem rozwiązany!

Każdy, kto chce to zrobić w programie Visual Studio, ten artykuł Code Project pomoże. Wystarczy dodać „--auto-open-devtools-for-tabs” w polu argumentów. Działa w 2017 roku.

Jeśli używasz programu Visual Studio Code (vscode), korzystając z bardzo popularnego rozszerzenia debugowania chrome vscode ( https://github.com/Microsoft/vscode-chrome-debug ), możesz skonfigurować plik konfiguracji uruchamianialaunch.json i określić, aby otworzyć narzędzie programisty podczas sesja debugowania.

Tego launch.jsonużywam do moich projektów 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"
    }
  ]
}

Ważną linią jest "runtimeArgs": ["--auto-open-devtools-for-tabs"],

Z vscode, który możesz teraz wpisać F5, Chrome otwiera także Twoją aplikację i kartę konsoli.

Tak, jest sposób, aby to zrobić

1. Kliknij prawym przyciskiem myszy-> Sprawdź-> źródła (karta)

2. W prawo po prawej stronie pojawi się „przycisk wykonania skryptu pauzy”

Mam nadzieję, że to pomoże! Pokój

• PS: To jest pierwszy raz, a po raz drugi narzędzie programistyczne ładuje się automatycznie

Użyj --auto-open-devtools-for-tabsflagi podczas uruchamiania Chrome z wiersza poleceń

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

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

Możesz otworzyć Narzędzia deweloperskie ( F12w Chrome) w nowym oknie, klikając clicking three, vertical dotsw prawym dolnym rogu i wybrać Open as Separate Window.