Bagaimana cara membuka file tertentu di Alat Pengembang Chrome?

98

Saya mengembangkan aplikasi web dengan pendekatan front-end yang berat. Dengan menggunakan Dojo dan AMD-way, saat ini saya memiliki layar pengujian yang dapat dengan mudah memuat lebih dari seratus file javascript yang berbeda.

Saat saya ingin men-debug untuk masalah tertentu, atau memverifikasi jika saya melihat versi lama dari file tertentu, saya merasa sangat sulit untuk menemukan file saya di tab Sumber di Alat Pengembang Chrome.

Apakah ada pintasan atau tindakan yang dapat saya lakukan yang memungkinkan saya mengetik nama file dan membawa saya ke sumber file itu?

javascript debugging google-chrome google-chrome-devtools frontend Alfa
sumber
2
Di kanan bawah konsol, ada ikon roda gigi. Klik itu. Pada tab terakhir di jendela pengaturan ada tab pintasan. Anda dapat melihat kombo kunci seperti jawabannya.
epascarello
Gunakan 'Go to file' di Google Dev Tools (alat yang fleksibel dan berguna dengan pencarian kemampuan pada nama fungsi Anda, nama kelas di CSS, ...) 'Go to file' di Google Dev Tools
Iman Bahrampour

Jawaban:

142

Sedangkan di tab sumber gunakan CTRL+ O( ⌘+O untuk Mac) untuk mencari skrip, stylesheet dan cuplikan menurut nama file.

(gunakan CTRL+ SHIFT+ Ountuk memfilter / menavigasi ke fungsi JavaScript / aturan CSS saat melihat file)

[ Cheatsheet Chrome Devtools ]

CD..
sumber
Ini bagus untuk diketahui! Anda biasanya (sebelum Chrome 35?) Dapat memulai pencarian nama file hanya dengan mengetik dengan navigator file di tab Sumber terfokus; senang mengetahui bahwa mereka telah menyembunyikan fitur ini di balik pintasan daripada menghapusnya sepenuhnya. =)
rakslice
peringatan untuk filter / pencarian adalah bahwa Anda tidak dapat melakukan pencarian yang tepat atau wildcard. mencari .jsmengembalikan file apa pun dengan a jatau an satau a .dalam nama file: /
worc
15

CTRL+ Pmenampilkan input pencarian di Windows.

masukkan deskripsi gambar di sini

⌘+ P- di Mac.

masukkan deskripsi gambar di sini

Aleksei Mialkin
sumber
2
Odan Psepertinya memiliki perilaku yang sama. Saya ingin tahu apakah salah satunya sudah usang.
isherwood
3

Di Windows:

Gunakan CTRL+ SHIFT+ F untuk mencari konten dalam file.

Gunakan CTRL+ SHIFT+ O untuk mencari nama file.

cinta hidup
sumber
Jika menggunakan proses pembuatan, dan file tidak lagi dapat dikenali di chrome, menelusuri berdasarkan konten adalah solusi yang bagus.
Mote Zart
0

Mac: Command + O Windows: Ctrl + O

Jackie
sumber