Gunakan panel Telusuri untuk menemukan teks di semua resource yang dimuat.
Atau, gunakan kotak penelusuran bawaan untuk menemukan teks dalam resource yang dibuka di alat tertentu.
Buka panel Penelusuran
Anda dapat membuka panel Telusuri dengan beberapa cara. Pertama-tama, buka DevTools, lalu lakukan salah satu hal berikut:
- Di pojok kanan atas DevTools, pilih Customize and control DevTools > Alat lainnya > Telusuri.
- Tekan Esc untuk membuka Panel Samping, lalu di pojok kiri atas, pilih Alat Lainnya > Telusuri.
- Tekan Command+Option+F (Mac) atau Control+Shift+F (Windows/Linux).
Telusuri teks di semua resource yang dimuat
Untuk menelusuri teks di semua materi yang dimuat, pada kotak penelusuran di panel Telusuri, ketik kueri Anda, lalu tekan Enter.
Saat DevTools menemukan beberapa kecocokan dalam satu baris, hasil penelusuran akan mencantumkan semuanya dengan nomor baris yang sama. Klik hasil penelusuran dan DevTools akan membuka baris di Sources dan men-scroll kecocokan ke tampilan.
Agar kueri peka huruf besar/kecil, alihkan tombol Cocokkan huruf besar/kecil match_case.
Untuk menelusuri teks yang cocok dengan ekspresi reguler, aktifkan tombol Ekspresi reguler regular_expression.
Menjalankan kembali kueri, memperluas, dan menghapus hasil
Untuk menjalankan kembali kueri penelusuran Anda, klik Muat ulang.
Untuk meluaskan semua hasil penelusuran:
- Di Windows / Linux, tekan Ctrl+Shift+{ atau }
- Di macOS, tekan Command+Option+{ atau }
Untuk menghapus hasil penelusuran, klik Hapus.
Menelusuri teks di alat tertentu
Untuk mempersempit cakupan penelusuran ke referensi yang dibuka di alat tertentu, Anda dapat menggunakan kotak penelusuran bawaan jika alat tersebut mendukungnya.
Kotak penelusuran memiliki tombol atas dan bawah untuk melompat ke hasil penelusuran sebelumnya dan berikutnya.
Untuk membuka kotak penelusuran bawaan pada alat tertentu, tekan Command+F (Mac) atau Control+F (Windows/Linux).
Tidak semua panel dan tab DevTools memiliki kotak penelusuran bawaan, tetapi yang memilikinya, sering kali menyediakan fitur khusus alat. Di bawah ini adalah daftar alat dengan kotak penelusuran dan fiturnya.
Panel atau tab | Peka huruf besar/kecil | RegEx | Cakupan | Fitur khusus alat |
---|---|---|---|---|
Elemen | hierarki DOM | Telusuri berdasarkan pemilih dan XPath | ||
Konsol | Pesan log | |||
Sumber | File sumber saat ini | Ganti | ||
Jaringan | Header, payload, dan respons jaringan | |||
Performa | Aktivitas | |||
Memori | Profil | Telusuri profil pengambilan sampel menurut biaya, nama, dan file | ||
Profiler JavaScript | Profil CPU | Telusuri menurut biaya, nama, dan file | ||
Sumber Cepat | File sumber saat ini | Ganti |