Google Chrome: pintasan keyboard untuk melihat Sumber / Elemen Inspeksi?

19

Google Chrome memiliki fitur seperti Firebug tempat Anda mengklik elemen halaman dan memilih "Elemen Inspeksi".

Saya selalu melompat ke tampilan Sumber Daya untuk melihat permintaan HTTP.

Apakah ada pintasan keyboard untuk membuka alat ini?

google-chrome frankadelic
sumber
Dokumen resmi & pintasan yang lebih berguna: Alat Pengembang Chrome: Pintasan Keyboard
Michal Mau
Berikut ini informasi yang berguna; code.google.com/chrome/devtools/docs/overview.html
Furkan Ekinci
Juga, F12 menampilkan panel Elemen Inspeksi di Chrome pada Ubuntu
dylan murphy

Jawaban:

23

Saya baru tahu bahwa Ctrl+ Shift+ Idan Ctrl+ Shift+ Cberfungsi. Sama seperti Firebug.

Pada OS X, itu Command+ Option+ Iatau Command+ Shift+ C.

RustyDev
sumber
1
Terima kasih cakrawala - hanya apa yang saya cari. Setuju, Inspektur menjadi sangat baik sehingga saya tidak lagi membutuhkan Firebug. Buh-bye, FF.
shacker
Mengubah jawaban saya ... memiliki cara pintas yang sama dengan Firefox hebat
frankadelic
Cmd / Ctrl + Shift + C juga cukup berguna, karena memungkinkan Anda untuk memilih elemen tertentu untuk diperiksa tanpa menavigasi melalui menu konteks. Lihat juga developers.google.com/chrome-developer-tools/docs/shortcuts
Jo Liss
apakah ada yang tahu cara mengubah pintasan keyboard ini? Di Firebug, Anda dapat mengonfigurasi pintasan. Itu Chrome, tampaknya sulit diatur. untuk alasan mengapa, saya menggunakan tata letak keyboard dvorak dan tombol C jauh dari tangan kiri saya.
Michael Butler
11

sebenarnya menahan N dan mengklik kanan di suatu tempat di halaman membuka jendela periksa dan membawa Anda ke sepotong kode di mana Anda mengklik di halaman tnnnnnnnnnhe. Saya baru tahu ini.

nick
sumber
Kesalahan ketik Anda tidak sengaja lucu :)
frankadelic
1
+1 untuk titik tertentu pada halaman (bahkan jika OP hanya menginginkan jendela umum). Ini bagus untuk mengatasi masalah, membiarkan mouse tepat di tempatnya, tanpa harus menggerakkan mouse ke bawah menu popup.
selamat tinggal
3
@goodeye note: Anda juga mensimulasikan melayang-layang dengan mengklik ikon elemen sakelar (titik-kotak-dengan-panah), ada di sebelah kanan menu aksara 'gaya' jika Anda tidak dapat menemukannya di gambar google untuk "elemen sakelar" negara "
Myster
1
Ya Tuhan, selama ini aku benar mengklik dan melakukan "Elemen Inspeksi" membuang-buang semua waktu itu.
pekik
@Myster, Nice tip, Btw apakah mode perangkat toggle hanya mengubah ukuran?
Pacerier
3

Ctrl+ Shift+ Imembuka alat pengembang, ke bagian terakhir Anda masuk. Jika Anda terakhir di bagian Sumber Daya maka Anda akan melihat Sumber Daya.

Saya tidak berpikir ada jalan pintas keyboard khusus untuk Inspect Element , karena ini tergantung pada konteks (mis. Lokasi mouse)?

TuanWhite
sumber
Frankadelic benar-benar ingin membuka Alat Pengembang untuk mengakses panel Sumber Daya, bukan panel Elemen, jadi Ctrl + Shift + I adalah jalan pintas yang baik untuk digunakan: itu membuka Alat Pengembang dengan cara yang sama seperti Anda meninggalkan mereka. (Menu konteks Chrome memiliki sangat sedikit opsi, jadi klik kanan, elemen Inspect adalah cara umum yang orang sarankan untuk pergi ke salah satu Alat Pengembang melalui mouse.)
Bavi_H
Bavi_H, itu benar.
frankadelic