Penelusuran: Menemukan teks di semua resource yang dimuat

Sofia Emelianova
Sofia Emelianova

Gunakan tab Telusuri untuk menemukan teks di semua resource yang dimuat.

Atau, gunakan kotak penelusuran bawaan untuk menemukan teks dalam resource yang dibuka di alat tertentu.

Anda dapat membuka tab Penelusuran dengan beberapa cara. Pertama, buka DevTools, lalu lakukan salah satu hal berikut:

  • Di pojok kanan atas DevTools, pilih Sesuaikan dan kontrol DevTools Customize and control DevTools > More tools > Search.
  • Tekan Esc untuk membuka Panel samping, lalu di pojok kiri atas, pilih Sesuaikan dan kontrol DevTools Alat Lainnya > Telusuri.
  • Tekan Command+Option+F (Mac) atau Control+Shift+F (Windows/Linux).

Menelusuri teks di semua resource yang dimuat

Untuk menelusuri teks di semua aset yang dimuat, pada kotak penelusuran pada tab Penelusuran, ketik kueri Anda, lalu tekan Enter.

Hasil penelusuran.

Jika DevTools menemukan beberapa hasil yang cocok dalam satu baris, hasil penelusuran akan mencantumkan semuanya dengan nomor baris yang sama. Klik hasil penelusuran dan DevTools akan membuka baris di Sumber, lalu men-scroll kecocokan tersebut hingga terlihat.

Untuk membuat kueri yang peka huruf besar/kecil, aktifkan tombol Cocokkan huruf besar/kecil. Cocokkan Huruf Besar.

Tombol Cocokkan Kasus.

Untuk menelusuri teks yang cocok dengan pola RegEx, alihkan tombol Tombol RegEx. Gunakan Ekspresi Reguler.

Tombol RegEx.

Jalankan kembali kueri, perluas, dan hapus 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 Jelas. 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 melompat ke hasil penelusuran sebelumnya dan berikutnya.

Untuk membuka kotak penelusuran bawaan di 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 mendukung, 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 menurut pemilih dan XPath
Konsol Sudah. Sudah. Pesan log
Sumber Sudah. Sudah. File sumber saat ini Mengganti
Jaringan Sudah. Sudah. Header dan respons jaringan
Performa Sudah. Sudah. Aktivitas
Memori Sudah. Profil Telusuri profil pengambilan sampel menurut biaya, nama, dan file
Profiler JavaScript Sudah. Profil CPU Telusuri berdasarkan biaya, nama, dan file
Sumber Cepat Sudah. Sudah. File sumber saat ini Mengganti