Permintaan jaringan: Uji situs Anda dengan memblokir permintaan jaringan

Dale St. Marthe
Dale St. Marthe

Gunakan panel Pemblokiran permintaan jaringan untuk menguji perilaku halaman Anda jika resource tertentu, seperti gambar atau stylesheet, dicegah untuk dimuat.

Ringkasan

Panel Pemblokiran permintaan jaringan memungkinkan Anda memblokir beberapa resource atau "pola" secara bersamaan dan mengalihkannya dari daftar. Anda juga dapat memblokir domain atau URL permintaan jaringan dari panel Jaringan dan pola masing-masing akan muncul di panel Pemblokiran permintaan jaringan.

Panel Pemblokiran permintaan jaringan memungkinkan Anda:

  • Menambahkan atau menghapus pola.
  • Mengedit pola.
  • Hapus semua pola.
  • Mengaktifkan atau menonaktifkan pemblokiran permintaan jaringan. Setelah diaktifkan, Anda dapat mengalihkan pemblokiran untuk setiap pola.

Menutup DevTools akan menonaktifkan pemblokiran permintaan jaringan. Anda harus membuka panel dan mengaktifkan pemblokiran lagi. Namun, DevTools menyimpan pola meskipun setelah browser ditutup.

Membuka panel Pemblokiran permintaan jaringan

Untuk membuka panel Pemblokiran permintaan jaringan:

  1. Buka DevTools.
  2. Buka Menu perintah dengan menekan:
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P Menu Perintah dengan
  3. Mulai ketik Network request blocking, pilih Tampilkan Pemblokiran permintaan jaringan, lalu tekan Enter. DevTools menampilkan panel Pemblokiran permintaan jaringan di bagian bawah jendela DevTools.

Atau, di sudut kanan atas, pilih Opsi lainnya > Alat lainnya > Pemblokiran permintaan jaringan.

Memblokir permintaan jaringan

Ada dua cara untuk memblokir permintaan jaringan. Pertama:

  1. Di panel Pemblokiran permintaan jaringan, klik Tambahkan pola. Kotak input akan muncul dan meminta Anda memasukkan "Pola teks untuk memblokir permintaan yang cocok".

    Anda dapat memasukkan salah satu kode berikut:

    • URL lengkap.
    • URL parsial dengan tanda bintang "*" untuk pencocokan pola karakter pengganti.
    • Nama domain. Tindakan ini akan memblokir semua permintaan yang berisi domain ini.
  2. Klik Tambahkan dan pastikan kotak centang Aktifkan pemblokiran permintaan jaringan dicentang.

  3. Muat ulang halaman. Panel Pemblokiran permintaan jaringan menampilkan jumlah permintaan yang diblokir di samping pola.

Kedua, Anda dapat memblokir permintaan jaringan dari panel Jaringan di DevTools.

  1. Di panel Jaringan, pada bagian Nama, klik kanan permintaan, lalu pilih Blokir URL permintaan atau Blokir domain permintaan. gambar
  2. Panel Pemblokiran permintaan jaringan akan otomatis terbuka dan mencantumkan pola yang relevan sebagai diblokir.
  3. Pastikan kotak centang Aktifkan pemblokiran permintaan jaringan dicentang.
  4. Muat ulang halaman untuk melihat jumlah permintaan yang diblokir di samping pola yang sesuai.

Jumlah permintaan yang diblokir dapat diperbarui seiring dengan semakin banyaknya permintaan yang dibuat. Memuat ulang halaman akan mereset angka.

Menghapus pola pemblokiran permintaan jaringan

Untuk menghapus pola pemblokiran permintaan jaringan tertentu dari daftar:

  • Di panel Pemblokiran permintaan jaringan, arahkan kursor ke pola.
  • Klik tombol Hapus.

Untuk menghapus semua pola pemblokiran permintaan jaringan, di panel aktivitas, klik tombol Hapus semua pola pemblokiran jaringan.

Mengubah pola permintaan pemblokiran jaringan

Untuk mengubah pola, di panel Pemblokiran permintaan jaringan, klik tombol Edit di samping pola, edit, lalu klik Simpan.

Mengaktifkan/menonaktifkan pemblokiran permintaan jaringan

Kotak centang Enable network request blocking memungkinkan Anda mengaktifkan dan menonaktifkan pemblokiran permintaan jaringan untuk semua pola sekaligus.