Gunakan panel Pemblokiran permintaan jaringan untuk menguji perilaku halaman Anda jika aset tertentu, seperti gambar atau stylesheet, dicegah 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 masing-masing pola akan muncul di panel Pemblokiran permintaan jaringan.
Panel Pemblokiran permintaan jaringan memungkinkan Anda:
- Tambahkan atau hapus pola.
- Edit pola.
- Hapus semua pola.
- Mengaktifkan atau menonaktifkan pemblokiran permintaan jaringan. Setelah diaktifkan, Anda dapat mengaktifkan/menonaktifkan pemblokiran untuk setiap pola.
Menutup DevTools akan menonaktifkan pemblokiran permintaan jaringan. Anda harus membuka panel dan mengaktifkan pemblokiran lagi. Namun, DevTools menyimpan pola bahkan setelah browser ditutup.
Membuka panel Pemblokiran permintaan jaringan
Untuk membuka panel Pemblokiran permintaan jaringan:
- Buka DevTools.
- Buka menu Command dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- 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 pojok kanan atas, pilih more_vert Opsi lainnya > Alat lainnya > Pemblokiran permintaan jaringan.
Memblokir permintaan jaringan
Ada dua cara untuk memblokir permintaan jaringan. Pertama:
Di panel Pemblokiran permintaan jaringan, klik tambahkan Tambahkan pola. Kotak input muncul dan meminta Anda memasukkan "Pola teks untuk memblokir permintaan yang cocok".
Anda dapat memasukkan salah satu dari hal 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.
Klik Tambahkan dan pastikan kotak centang Aktifkan pemblokiran permintaan jaringan dicentang.
Muat ulang halaman. Panel Pemblokiran permintaan jaringan menampilkan jumlah permintaan yang diblokir di samping pola.
Kedua, Anda dapat memblokir permintaan jaringan dari panel Network di DevTools.
- Di panel Jaringan, di bagian Nama, klik kanan permintaan, lalu pilih Blokir URL permintaan atau Blokir domain permintaan.
- Panel Pemblokiran permintaan jaringan akan otomatis terbuka dan mencantumkan pola yang relevan sebagai diblokir.
- Pastikan kotak centang Aktifkan pemblokiran permintaan jaringan dicentang.
- Muat ulang halaman untuk melihat jumlah permintaan yang diblokir di samping pola yang sesuai.
Jumlah permintaan yang diblokir dapat diperbarui seiring dengan bertambahnya jumlah permintaan. 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 salah satu pola.
- Klik tombol hapus Delete.
Untuk menghapus semua pola pemblokiran permintaan jaringan, di panel aktivitas, klik tombol blokir Hapus semua pola pemblokiran jaringan.
Mengubah pola permintaan pemblokiran jaringan
Untuk mengubah pola, di panel Pemblokiran permintaan jaringan, klik tombol edit Edit di samping pola, edit, lalu klik Simpan.
Aktifkan/nonaktifkan pemblokiran permintaan jaringan
Kotak centang check_box Aktifkan pemblokiran permintaan jaringan memungkinkan Anda mengaktifkan dan menonaktifkan pemblokiran permintaan jaringan untuk semua pola sekaligus.