Secara otomatis membuka alat pengembang Chrome ketika tab baru / jendela baru dibuka

Saya memiliki aplikasi HTML5 yang terbuka di jendela baru dengan mengklik tautan. Saya agak lelah menekan Shift + I setiap kali saya ingin mencatat komunikasi jaringan untuk meluncurkan alat Pengembang karena saya selalu membutuhkannya. Saya tidak dapat menemukan opsi untuk menjaga Alat Pengembang selalu diaktifkan saat startup.

Apakah ada cara untuk membuka alat Pengembang secara otomatis ketika jendela baru dibuka di Chrome?

PEMBARUAN 2:

Lihat jawaban ini . - 2019-11-05

Anda sekarang juga dapat memilikinya membuka Alat Pengembang di Munculan jika mereka membuka dari mana Anda membukanya. Misalnya, jika Anda tidak memiliki Dev Tools terbuka dan Anda mendapatkan popup, itu tidak akan terbuka dengan Dev Tools. Tetapi jika Anda memiliki Dev Tools Open dan kemudian Anda mengklik sesuatu, popup akan memiliki Dev-Tools secara otomatis dibuka.

MEMPERBARUI:

Waktu telah berubah, Anda sekarang dapat menggunakan --auto-open-devtools-for-tab seperti dalam jawaban ini - Wouter Huysentruit 18 Mei pukul 11:08

OP:

Saya bermain-main dengan string startup untuk Chrome saat dieksekusi, tetapi tidak bisa membuatnya tetap ada di tab baru.
Saya juga memikirkan metode PATH yang Anda gunakan dari prompt. Ini dimungkinkan dengan perintah SendKeys, tetapi sekali lagi, hanya pada instance baru. Dan DevTools tidak bertahan pada tab baru.

Menjelajahi Forum Produk Google, sepertinya tidak ada cara bawaan untuk melakukan ini di Chrome. Anda harus menggunakan solusi keystroke atau F12seperti yang disebutkan di atas.

Saya merekomendasikannya sebagai fitur. Saya tahu saya juga bukan yang pertama.

Saat membuka alat pengembang, dengan jendela alat pengembang dalam fokus, tekan F1. Ini akan membuka halaman pengaturan. Periksa "DevTools Buka Otomatis untuk munculan".

Ini berhasil untuk saya.

Ada saklar baris perintah untuk ini: --auto-open-devtools-for-tabs

Jadi untuk properti di Google Chrome, gunakan sesuatu seperti ini:

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

Berikut ini tautan yang bermanfaat: chromium-command-line-switches

Di Mac: Keluar dari Chrome, lalu jalankan perintah berikut di jendela terminal:

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

Di bawah pengaturan Chrome DevTools Anda mengaktifkan:

Di bawah Jaringan -> Simpan Log Di Bawah DevTools -> Buka otomatis DevTools untuk sembulan

F12 lebih mudah daripada Ctrl + Shift + I

Dengan jendela Alat Pengembang terlihat, klik ikon menu (tiga titik vertikal di sudut kanan atas) dan klik Pengaturan .

Di bawah Alat Dev , periksa DevTools Buka Otomatis untuk popup pilihan

Saya datang ke sini mencari solusi yang sama. Saya benar-benar ingin melihat keluaran chrome untuk pageload dari tab baru. (pengiriman formulir dalam kasus saya) Solusi yang saya gunakan sebenarnya adalah memodifikasi atribut target form sehingga pengiriman formulir akan terjadi di tab saat ini. Saya dapat menangkap permintaan jaringan. Masalah diselesaikan!

Siapa pun yang ingin melakukan ini di dalam Visual Studio, artikel Proyek Kode ini akan membantu. Cukup tambahkan "--auto-open-devtools-for-tabs" di kotak argumen. Bekerja pada 2017.

Jika Anda menggunakan Visual Studio Code (vscode), menggunakan ekstensi debug debug vscode yang sangat populer ( https://github.com/Microsoft/vscode-chrome-debug ) Anda dapat menyiapkan file konfigurasi peluncuranlaunch.json dan menentukan untuk membuka alat pengembang selama sesi debug.

Ini yang launch.jsonsaya gunakan untuk proyek Bereaksi saya:

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

Garis yang penting adalah "runtimeArgs": ["--auto-open-devtools-for-tabs"],

Dari vscode Anda sekarang dapat mengetik F5, Chrome membuka aplikasi Anda dan tab konsol juga.

Yap, ada cara Anda bisa melakukannya

1. Klik kanan-> Inspeksi-> sumber (tab)

2. Ke arah kanan Anda akan ada "tombol eksekusi skrip jeda"

Saya harap ini membantu! Damai

• PS: Ini untuk pertama kalinya. Dari kedua kalinya dan seterusnya alat dev memuat secara otomatis

Menggunakan --auto-open-devtools-for-tabs bendera saat menjalankan chrome dari baris perintah

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

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

Anda dapat membuka Alat Dev ( F12di Chrome) di jendela baru dengan clicking three, vertical dotsdi sudut kanan bawah, dan pilih Open as Separate Window.