Gunakan panel Application untuk memeriksa, memodifikasi, dan men-debug banyak aspek aplikasi web Anda, termasuk manifes, service worker, penyimpanan, dan data cache.
Ringkasan
Panel Aplikasi dibagi menjadi empat bagian yang berisi submenu. Berikut adalah bagian dan sub-menu tersebut:
Application: Berisi informasi menyeluruh tentang aplikasi termasuk manifes, pekerja layanan, dan penyimpanannya.
- Tab Manifest menyajikan informasi dari
manifest.jsondengan cara yang mudah digunakan. Dasbor ini juga akan menampilkan error dan peringatan, jika ada, di bagian yang terkait. - Tab Service worker memungkinkan Anda memeriksa dan men-debug pekerja layanan dengan mengemulasi peristiwa push, mengupdate layanan, dan lainnya.
- Tab Storage berisi diagram lingkaran yang menunjukkan distribusi memori yang digunakan oleh penyimpanan cache, IndexedDB, dan service worker. Anda juga dapat menghapus data situs dan menyimulasikan kuota penyimpanan kustom.
Penyimpanan: Melihat dan mengedit berbagai metode penyimpanan yang digunakan oleh aplikasi web.
- Daftar Lokal dan Penyimpanan sesi memungkinkan Anda memilih origin dan mengedit key-value pair dari metode penyimpanan terkait.
- Daftar IndexedDB berisi database dan memungkinkan Anda memeriksa penyimpanan objek dari browser.
- Daftar Cookie memungkinkan Anda memilih origin dan mengedit key-value pair.
- 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 Cache storage berisi cache yang tersedia dan memungkinkan Anda memeriksa, memfilter, serta 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. Laporan ini juga melaporkan masalah yang dapat mencegah back-forward caching.
- Tab Pengambilan di latar belakang memungkinkan Anda merekam aktivitas dari Background Fetch API hingga tiga hari.
- Tab Sinkronisasi di 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 Pengendali pembayaran memungkinkan Anda mencatat peristiwa Pengendali 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 Pemuatan spekulatif memungkinkan Anda men-debug Pemuatan Spekulatif. Halaman ini menunjukkan status spekulatif, kumpulan aturan, dan upaya pemuatan spekulatif.
- Tab Pesan push memungkinkan Anda merekam pesan push hingga tiga hari dan mencatatnya dalam log.
- Tab Reporting API memantau situs dan melaporkan pelanggaran keamanan dan panggilan API yang tidak digunakan lagi.
Bingkai: Memisahkan 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 Application:
- Buka DevTools.
- Buka menu Command 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 Application dengan cara berikut:
- Pada panel tindakan di bagian atas, klik double_arrow Panel lainnya dan pilih Aplikasi dari menu drop-down.
- Di sudut kanan atas, pilih more_vert Opsi lainnya > Alat lainnya > Aplikasi.