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

251

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?

Alexander Sirobaba
sumber
Saya ingin mengetahui hal ini juga. Satu-satunya cara yang saya temukan adalah mengedit sumber seperti yang dilakukan orang ini: [link] groups.google.com/forum/?fromgroups=#!topic/…
zone117x
Saya telah menjelajahi cukup keras, dan hal terdekat yang dapat saya temukan adalah membuat Panel baru di dalam alat dev, dengan Ekstensi Chrome.
TankorSmash
2
Menggunakan SendKeys dengan Python, Anda dapat meluncurkan Chrome dan mengirim +^juntuk mensimulasikan Ctrl Shift J, tetapi itu hanya akan berfungsi dengan instance baru; Anda harus menjadi sedikit lebih kreatif dengan selenium atau sesuatu untuk menavigasi ke halaman tertentu ...
TankorSmash
Ya, saya juga melihat varian ini tetapi tidak berlaku ketika Anda membuka alat dev untuk setiap tab baru yang dibuka.
Alexander Sirobaba
Inilah seorang pria yang memodifikasi kode sumber untuk menambahkan kemampuan ini. Tampaknya sudah ketinggalan zaman sekarang, tetapi setidaknya kami tahu permintaan Anda mungkin .
Patrick M

Jawaban:

89

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.

Chiperific
sumber
1
@ Seanny123: diperbaiki! Jika Anda menginginkan ini sebagai fitur, silakan
beri
1
@Chiperific, Anda bilang Anda bermain-main dengan string startup untuk Chrome saat dieksekusi, tetapi tidak bisa membuatnya tetap ada di tab baru. Saya membutuhkan perilaku ini saat startup hanya untuk satu tab. Bisakah Anda membagikan cara Anda melakukannya hanya untuk satu tab?
Martin Braun
10
Waktu telah berubah, Anda sekarang dapat menggunakan --auto-open-devtools-for-tabsseperti dalam jawaban ini
huysentruitw
2
Silakan pertimbangkan untuk mengedit jawaban Anda. Itu sudah usang tetapi masih sangat terlihat di SO.
yannick1976
4
Perintah lengkap untuk OS X adalah (keluar dari proses Chrome yang sedang berjalan terlebih dahulu):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane Rettig
189

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.

Tangkapan layar

Santo
sumber
13
Ini berfungsi dan persis apa yang diminta OP, itu harus ditandai sebagai jawaban yang tepat
Rui
1
Juga tidak berfungsi untuk saya dengan WebStorm. Halaman terbuka tetapi tidak ada alat dev.
Mörre
3
Ini berfungsi, tetapi opsi "Simpan Log" selalu tidak dicentang, dan jika sembulan dialihkan itu tidak menampilkan permintaan jaringan sebelumnya. Adakah ide untuk membuatnya menyimpan log secara default?
timetofly
1
Ini hanya berfungsi untuk subset kasus tertentu, silakan lihat bugs.chromium.org/p/chromium/issues/detail?id=410958#c87 . Itu bukan solusi umum.
Lane Rettig
1
Tidak berfungsi saat mulai dari Kode VS dengan ekstensi debug Chome.
VanAlbert
80

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

David
sumber
1
Ini pasti bekerja dan mungkin harus ditandai sebagai jawaban yang diterima sekarang. Memeriksa kromium Version 50.0.2661.102 Ubuntu 15.10 (64-bit)dan membukanya seperti inichromium-browser --auto-open-devtools-for-tabs
Olga
6
Ini tidak berfungsi pada Windows 7 Versi 51.0.2704.103 m
PetroCliff
7
Perintah lengkap untuk OS X adalah (keluar dari proses Chrome yang sedang berjalan terlebih dahulu):/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Lane Rettig
2
Tidak berfungsi pada Versi 59.0.3071.115 (Bangun Resmi) (64-bit)
Gustavo Straube
Bekerja dalam use case saya tidak seperti jawaban Saint.
Markus Barthlen
28

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

open -a "Google Chrome" --args --auto-open-devtools-for-tabs
Erin Mills
sumber
Untuk memperjelas: ini membuka Chrome dengan auto-open-devtools-for-tabsset bendera. Keluar dari Chrome dan membukanya kembali menggunakan pintasan aplikasi normal akan membuka Chrome tanpa set flag. Jika Anda ingin pintasan untuk membuka Chrome dengan set bendera ini tanpa harus membuka jendela terminal, Anda dapat membuat alur kerja di Automator, tambahkan item "Run Shell Script", dan rekatkan dalam skrip di atas. Menyimpan alur kerja sebagai aplikasi akan membuat aplikasi yang dapat diklik. Lihat jawaban ini di utas lain: stackoverflow.com/a/281455/1512790
Rick Gladwin
17

Di bawah pengaturan Chrome DevTools Anda mengaktifkan:

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

Andrew Patterson
sumber
Jawaban terbaik IMO
Chase Miller
2
jawaban yang bagus tetapi dijelaskan untuk linux: Buka konsol pengembang. Buka menu hamburger. pengaturan klik (atau f1). di bagian jaringan periksa simpan log. di bagian devtools periksa devtools buka-otomatis untuk
sembulan
9

F12 lebih mudah daripada Ctrl + Shift + I

Yehia
sumber
2
Jika Anda menggunakan Windows atau Linux
Gianfranco P.
1
untuk menekan f12 pada macbook, atau pro Anda harus melakukan fn + f12 (ekstrim kiri bawah + ekstrim kanan atas), yang tidak nyaman untuk sebagian besar pengguna keyboard
Seth McClaine
Berfungsi bagus di linux ... Alasan lain untuk beralih. Apakah itu pada Mac Pro, itu tidak sempurna, tetapi masih jauh lebih baik daripada Apple OS
Ray Foss
5

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

Pengaturan

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

detail pengaturan

luhuiya
sumber
4

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!

George Griffin
sumber
4

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.

Ron Rebennack
sumber
Jika halaman Project Code hilang: Anda pergi ke drop-down Execute, pilih Browse With ..., Add ..., Program adalah sesuatu seperti: C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome .exe dan Argumen: --auto-open-devtools-for-tabs -incognito (incognito menjadi opsional)
Dustin_00
3

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.

vincedgy
sumber
1

Yap, ada cara Anda bisa melakukannya

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

  2. Ke arah kanan Anda akan ada "tombol eksekusi skrip jeda" Tombol yang disorot dalam gambar yang diarahkan oleh tautan ini adalah tombol eksekusi skrip yang dapat dijeda atau diputar sesuai kebutuhan. Cobalah sendiri

Saya harap ini membantu! Damai

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

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

Belloz
sumber