Gunakan panel Jaringan untuk menganalisis pemuatan halaman dan memeriksa resource jaringan.
Ringkasan
Panel Jaringan memungkinkan Anda:
- Merekam aktivitas jaringan
- Memeriksa permintaan jaringan
- Memfilter dan mengurutkan permintaan jaringan
- Header dan respons jaringan penelusuran
- Mengubah perilaku pemuatan
- Memblokir permintaan jaringan
- Mengubah kondisi jaringan
- Men-debug aturan spekulasi
prefetch - Ganti header respons HTTP
- Ganti header untuk beberapa URL dengan karakter pengganti.
- Menyimpan dan mengekspor data permintaan jaringan
Lihat Memeriksa aktivitas jaringan untuk tutorial terpandu yang menjelajahi beberapa fitur panel Jaringan yang paling umum digunakan.
Membuka panel Jaringan
Untuk membuka panel Jaringan, buka DevTools, lalu klik Jaringan yang terletak di panel tindakan di bagian atas.
Atau, untuk membuka panel Jaringan melalui Menu perintah, ikuti langkah-langkah berikut:
- Buka DevTools.
- Buka Menu perintah dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Mulai ketik
Network, pilih Tampilkan panel Jaringan, lalu tekan Enter.
Merekam aktivitas jaringan
Saat Anda membuka DevTools, permintaan jaringan akan otomatis dicatat di panel Jaringan, selama DevTools terbuka.
Selain merekam, Anda dapat melakukan hal berikut:
- Berhenti merekam permintaan jaringan.
- Hapus semua permintaan dari tabel Permintaan.
- Simpan permintaan di seluruh pemuatan halaman.
- Emulasikan pengalaman offline.
- Simulasikan koneksi jaringan yang lebih lambat.
Memeriksa permintaan jaringan
Semua permintaan jaringan dicatat dalam tabel Requests di bagian tengah panel.
Untuk mempelajari lebih lanjut kolom yang ditampilkan secara default dan kolom tambahan yang dapat Anda tambahkan, lihat Melihat log permintaan.
Klik nama permintaan untuk melihat tab dengan informasi tambahan tentang permintaan tersebut, termasuk hal berikut:
- Header: Header HTTP dari resource yang dipilih.
- Payload: Parameter string kueri dan data formulir permintaan.
- Pratinjau: Rendering dasar HTML.
- Response: Kode sumber HTML dari resource yang dipilih.
- Pemrakarsa: Penyebab resource diminta.
- Pengaturan waktu: Perincian aktivitas jaringan untuk resource yang dipilih.
- Cookie: Cookie permintaan dan responsnya.
Memfilter dan mengurutkan permintaan jaringan
Panel Jaringan memberi Anda dua cara untuk mengurutkan permintaan di tabel Permintaan:
Berikut adalah beberapa cara untuk memfilter permintaan di tabel Permintaan:
- Memfilter permintaan menurut properti
- Memfilter permintaan menurut jenis
- Memfilter permintaan menurut waktu
- Menyembunyikan URL data
- Menyembunyikan URL ekstensi
- Hanya tampilkan permintaan berisi cookie respons yang diblokir
- Hanya tampilkan permintaan yang diblokir
- Hanya tampilkan permintaan pihak ketiga
Menelusuri header dan respons jaringan
Untuk mempelajari cara menelusuri header dan respons HTTP dari semua resource untuk string atau ekspresi reguler tertentu, lihat Menelusuri header dan respons jaringan.
Mengubah perilaku pemuatan
Uji pengalaman pengguna halaman Anda dengan mengubah perilaku pemuatan di panel Jaringan.
Dengan menggunakan panel Jaringan, Anda dapat melakukan hal berikut:
- Meniru pengunjung kali pertama dengan menonaktifkan cache browser
- Menghapus cache browser secara manual
- Menghapus cookie browser secara manual
- Meng-emulasi secara offline
- Menyimulasikan koneksi jaringan lambat
- Mengganti header respons HTTP
- Mengganti agen pengguna
Menyimpan dan mengekspor data permintaan jaringan
Untuk menyimpan dan mengekspor data permintaan jaringan, lihat artikel berikut: