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 - Mengganti header respons HTTP
- Mengganti header untuk beberapa URL dengan karakter pengganti.
- Menyimpan dan mengekspor data permintaan jaringan
Lihat Memeriksa aktivitas jaringan untuk melihat tutorial terpandu yang mengeksplorasi beberapa fitur panel Jaringan yang paling sering digunakan.
Membuka panel Jaringan
Untuk membuka panel Jaringan, buka DevTools lalu klik Jaringan yang ada di panel tindakan di bagian atas.
Atau, untuk membuka panel Jaringan melalui Menu perintah, ikuti langkah-langkah berikut:
- Buka DevTools.
- Buka Command menu dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Mulai ketik
Network, pilih Show Network panel, lalu tekan Enter.
Merekam aktivitas jaringan
Saat Anda membuka DevTools, permintaan jaringan 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.
- Mengemulasi pengalaman offline.
- Simulasikan koneksi jaringan yang lebih lambat.
Memeriksa permintaan jaringan
Semua permintaan jaringan dicatat dalam tabel Permintaan 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 pada permintaan, termasuk tab berikut:
- Header: Header HTTP resource yang dipilih.
- Payload: Parameter string kueri dan data formulir permintaan.
- Pratinjau: Rendering dasar HTML.
- Respons: Kode sumber HTML untuk resource yang dipilih.
- Inisiator: Hal yang menyebabkan resource diminta.
- Waktu: Pengelompokan aktivitas jaringan untuk resource yang dipilih.
- Cookie: Cookie permintaan dan responsnya.
Memfilter dan mengurutkan permintaan jaringan
Panel Jaringan menyediakan 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
Telusuri header dan respons jaringan
Untuk mempelajari cara menelusuri header HTTP dan respons semua resource untuk string atau ekspresi reguler tertentu, lihat Header dan respons jaringan penelusuran.
Mengubah perilaku pemuatan
Uji pengalaman pengguna halaman Anda dengan mengubah perilaku pemuatan di panel Jaringan.
Dengan menggunakan panel Jaringan, Anda dapat melakukan hal berikut:
- Mengemulasi pengunjung kali pertama dengan menonaktifkan cache browser
- Menghapus cache browser secara manual
- Menghapus cookie browser secara manual
- Mengemulasi offline
- Menyimulasikan koneksi jaringan yang lambat
- Mengganti header respons HTTP
- Mengganti agen pengguna
Menyimpan dan mengekspor data permintaan jaringan
Untuk menyimpan dan mengekspor data permintaan jaringan, lihat tampilan berikut: