Penelusuran: Menemukan teks di semua resource yang dimuat

Sofia Emelianova
Sofia Emelianova

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.

Ringkasan

Panel Telusuri memungkinkan Anda menemukan teks di semua resource yang dimuat dengan opsi untuk menggunakan ekspresi reguler atau kepekaan huruf besar/kecil. Setelah menemukan teks, Anda dapat melihat sumbernya di panel Sumber.

Anda dapat membuka panel Telusuri dengan beberapa cara. Pertama, buka DevTools, lalu lakukan salah satu tindakan berikut:

  • Di pojok kanan atas DevTools, pilih Menyesuaikan dan mengontrol DevTools Customize and control DevTools > More tools > Search.
  • Tekan Esc untuk membuka Panel Samping, lalu di pojok kiri atas, pilih Menyesuaikan dan mengontrol DevTools Alat Lainnya > Penelusuran.
  • 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.

Hasil penelusuran.

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 .

Tombol Cocokkan huruf besar/kecil.

Untuk menelusuri teks yang cocok dengan ekspresi reguler, alihkan tombol Regular expression.

Tombol ekspresi reguler.

Menjalankan kembali kueri, meluaskan, dan menghapus hasil

Untuk menjalankan kembali kueri penelusuran, klik Refresh. Refresh.

Untuk meluaskan semua hasil penelusuran:

  • Di Windows/Linux, tekan Ctrl+Shift+{ atau }
  • Di macOS, tekan Command+Option+{ atau }

Untuk menghapus hasil penelusuran, klik Hapus. Hapus.

Menelusuri teks di alat tertentu

Untuk mempersempit cakupan penelusuran ke resource yang dibuka di alat tertentu, Anda dapat menggunakan kotak penelusuran bawaan jika alat tersebut mendukungnya.

Kotak penelusuran memiliki tombol atas dan bawah untuk beralih 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 panel dan tab 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 Menelusuri menurut pemilih dan XPath
Konsol Sudah. Sudah. Pesan log
Sumber Sudah. Sudah. File sumber saat ini Ganti
Jaringan Sudah. Sudah. Header, payload, dan respons jaringan
Performa Sudah. Sudah. Aktivitas di jalur Utama dan permintaan di jalur Jaringan
Memori Sudah. Profil Telusuri profil pengambilan sampel menurut biaya, nama, dan file
Profiler JavaScript Sudah. Profil CPU Telusuri menurut biaya, nama, dan file
Sumber Cepat Sudah. Sudah. File sumber saat ini Ganti