Gunakan panel Application untuk memeriksa, memodifikasi, dan men-debug banyak aspek aplikasi web Anda termasuk manifes, pekerja layanan, penyimpanan, dan data cache.
Ringkasan
Panel Application 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 Manifest menyajikan informasi dari
manifest.jsondengan cara yang mudah digunakan. Alat ini juga akan menampilkan error dan peringatan, jika ada, di bagian yang sesuai. - Tab Service worker memungkinkan Anda memeriksa dan men-debug service worker dengan mengemulasi peristiwa push, mengupdate layanan, dan lainnya.
- Tab Storage 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 Lokal dan Penyimpanan sesi memungkinkan Anda memilih origin dan mengedit key-value pair dari metode penyimpanan yang 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 key-value pair yang terkait.
- Daftar Penyimpanan cache 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 mungkin mencegah back-forward cache.
- Tab Pengambilan latar belakang memungkinkan Anda merekam aktivitas dari Background Fetch API hingga tiga hari.
- Tab Background sync 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 pantulan.
- Tab Notifikasi memungkinkan Anda merekam pesan push hingga tiga hari.
- Tab Pengendali pembayaran memungkinkan Anda mencatat peristiwa Pengendali Pembayaran hingga tiga hari.
- Tab Periodic background sync 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.
- Tab Reporting API memantau situs Anda dan melaporkan panggilan API yang tidak digunakan lagi dan pelanggaran keamanan.
Bingkai: Membagi halaman dan resource menjadi beberapa tampilan, dan menampilkan informasi yang relevan, seperti Keamanan & Isolasi, Kebijakan Keamanan Konten, ketersediaan API, dan lainnya.
Buka panel Application
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 Aplikasi 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.