Gunakan panel Aplikasi untuk memeriksa, mengubah, dan men-debug banyak aspek aplikasi web Anda, termasuk manifes, pekerja layanan, penyimpanan, dan data cache-nya.
Ringkasan
Panel Aplikasi dibagi menjadi empat bagian yang berisi sub-menu. Berikut adalah bagian dan sub-menu tersebut:
Aplikasi: Berisi informasi menyeluruh tentang aplikasi, termasuk manifes, pekerja layanan, dan penyimpanan.
- Tab Manifest menyajikan informasi dari
manifest.jsondengan cara yang mudah dipahami pengguna. Bagian ini juga menampilkan error dan peringatan, jika ada, di bagian yang sesuai. - Tab Service workers memungkinkan Anda memeriksa dan men-debug pekerja layanan dengan meniru peristiwa push, memperbarui layanan, dan lainnya.
- Tab Penyimpanan berisi diagram lingkaran yang menunjukkan distribusi memori yang digunakan oleh penyimpanan cache, IndexedDB, dan pekerja layanan. Anda juga dapat menghapus data situs dan menyimulasikan kuota penyimpanan kustom.
Penyimpanan: Melihat dan mengedit berbagai metode penyimpanan yang digunakan oleh aplikasi web.
- Daftar Penyimpanan lokal dan Penyimpanan sesi memungkinkan Anda memilih origin dan mengedit pasangan nilai kunci dari metode penyimpanan terkait.
- Daftar IndexedDB berisi database dan memungkinkan Anda memeriksa penyimpanan objek dari browser.
- Daftar Cookie memungkinkan Anda memilih asal dan mengedit pasangan nilai kunci.
- Token status pribadi dan Grup minat memungkinkan Anda memeriksa token dan grup yang sesuai, jika ada.
- Daftar Penyimpanan bersama memungkinkan Anda memilih asal serta memeriksa dan mengedit key-value pair terkait.
- Daftar Penyimpanan cache berisi cache yang tersedia dan memungkinkan Anda memeriksa, memfilter, dan menghapus resource-nya.
Layanan latar belakang: Periksa, uji, dan debug layanan latar belakang.
- Tab Back/forward cache memungkinkan Anda menjalankan pengujian pada back/forward cache di browser. Fitur ini juga melaporkan masalah yang mungkin mencegah penyimpanan dalam cache kembali/maju.
- Tab Pengambilan di latar belakang memungkinkan Anda merekam aktivitas dari Background Fetch API hingga tiga hari.
- Tab Sinkronisasi latar belakang memungkinkan Anda merekam aktivitas dari Background Sync API hingga tiga hari.
- Tab Mitigasi pelacakan kembali memungkinkan Anda mengidentifikasi dan menghapus status situs yang tampaknya melakukan pelacakan lintas situs menggunakan teknik pelacakan kembali.
- Tab Notifikasi memungkinkan Anda merekam pesan push hingga tiga hari.
- Tab Payment handler memungkinkan Anda merekam peristiwa Payment Handler hingga tiga hari.
- Tab Sinkronisasi berkala latar belakang memungkinkan Anda merekam peristiwa utama hingga tiga hari dalam siklus proses sinkronisasi berkala latar belakang, seperti mendaftar untuk sinkronisasi, melakukan sinkronisasi latar belakang, dan membatalkan pendaftaran.
- Tab Pemuatan spekulatif memungkinkan Anda men-debug Pemuatan Spekulatif. Bagian ini menampilkan status spekulatif, kumpulan aturan, dan upaya pemuatan spekulatif.
- Tab Pesan push memungkinkan Anda merekam pesan push hingga tiga hari dan mencatatnya.
- Tab Reporting API memantau situs Anda dan melaporkan panggilan API yang tidak digunakan lagi dan pelanggaran keamanan.
- Tab Sesi terikat perangkat memungkinkan Anda melihat informasi tentang sesi terikat perangkat dan memeriksa peristiwa terkait.
Frame: Membagi halaman dan resource menjadi beberapa tampilan, serta menampilkan informasi yang relevan, seperti Security & Isolation, Content Security Policy, API availability, dan lainnya.
Buka panel Aplikasi
Untuk membuka panel Aplikasi:
- Buka DevTools.
- Buka Menu perintah dengan menekan:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Mulai ketik
application, pilih Tampilkan Aplikasi, lalu tekan Enter. DevTools menampilkan panel Application di bagian atas jendela DevTools.
Atau, Anda dapat membuka panel Aplikasi dengan cara berikut:
- Di panel tindakan di bagian atas, klik Panel lainnya, lalu pilih Aplikasi dari daftar drop-down.
- Di sudut kanan atas, pilih Opsi lainnya > Alat lainnya > Aplikasi.