Gunakan panel Aplikasi untuk memeriksa, mengubah, dan men-debug banyak aspek aplikasi web Anda, termasuk manifes, pekerja layanan, penyimpanan, dan data cache.
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 penyimpanannya.
- Tab Manifes menampilkan informasi dari
manifest.jsondengan cara yang mudah digunakan. Laporan ini juga menampilkan error dan peringatan, jika ada, di bagian yang sesuai. - Tab Pekerja layanan memungkinkan Anda memeriksa dan men-debug pekerja layanan dengan mengemulasi peristiwa push, mengupdate 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 Local dan Session storage memungkinkan Anda memilih asal dan mengedit pasangan nilai kunci dari metode penyimpanan terkait.
- Daftar IndexedDB berisi database dan memungkinkan Anda memeriksa penyimpanan objek dari browser.
- Daftar Cookies 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 pasangan nilai kunci terkait.
- Daftar Penyimpanan cache berisi cache yang tersedia dan memungkinkan Anda memeriksa, memfilter, dan menghapus resource-nya.
Layanan latar belakang: Memeriksa, menguji, dan men-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 caching kembali/maju.
- Tab Pengambilan 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 Pemroses pembayaran memungkinkan Anda merekam peristiwa Pemroses Pembayaran hingga tiga hari.
- Tab Sinkronisasi latar belakang berkala memungkinkan Anda merekam peristiwa utama hingga tiga hari dalam siklus proses sinkronisasi latar belakang berkala, seperti mendaftar untuk sinkronisasi, melakukan sinkronisasi latar belakang, dan membatalkan pendaftaran.
- Tab Speculative loads memungkinkan Anda men-debug Speculative Loads. Status ini menampilkan status spekulatif, kumpulan aturan, dan upaya pemuatan spekulatif.
- Tab Pesan push memungkinkan Anda merekam pesan push hingga tiga hari dan mencatatnya ke dalam log.
- Tab Reporting API memantau situs Anda dan melaporkan pelanggaran keamanan serta panggilan API yang tidak digunakan lagi.
Frame: Membagi halaman dan resource menjadi beberapa tampilan, serta menampilkan informasi yang relevan, seperti Keamanan & Isolasi, Kebijakan Keamanan Konten, Ketersediaan API, dan lainnya.
Membuka 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 Aplikasi 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 menu drop-down.
- Di sudut kanan atas, pilih Opsi lainnya > Alat lainnya > Aplikasi.