Bagaimana untuk Memeriksa Storan Chrome dalam DevTools?

Cara Memeriksa Storan Chrome dalam DevTools

Chrome DevTools menawarkan pemeriksa yang mudah untuk Storan Setempat dan Storan Sesi. Walau bagaimanapun, anda mungkin tertanya-tanya sama ada terdapat alat yang serupa untuk memeriksa chrome.storage.sync.

Pemeriksaan Native DevTools

Malangnya, manakala "Storan Tempatan" dan "Storan Sesi " dalam DevTools merujuk sepenuhnya kepada API storan platform Web (localStorage dan sessionStorage), ia tidak menyokong pemeriksaan kandungan chrome.storage. chrome://sync-internals/ juga terhad dalam memaparkan kandungan storan disegerakkan sebenar bagi setiap sambungan.

Kaedah Berasaskan Sambungan

Kaedah 1: Storan Pemapar Kawasan

Pelanjutan ini menyediakan keupayaan berikut untuk semua kawasan chrome.storage (segerak, setempat, sesi, terurus):

• Melihat, mengedit, mengosongkan dan mencari kandungan storan
• Memantau perubahan storan
• Sokongan tema gelap

Kaedah 2: Penjelajah Kawasan Storan

Sementara sambungan ini menawarkan kefungsian yang sama seperti Pemapar Kawasan Storan, ambil perhatian bahawa ia menyokong melihat/mengedit/mengimport/mengeksport dalam kawasan penyegerakan dan setempat sahaja.

Selain itu, terdapat kaedah tambahan lain untuk memeriksa kandungan chrome.storage:

• Menggunakan konsol dan console.storage
• Menggunakan antara muka storan secara langsung
• Menggunakan alat penyahpepijatan tersuai

Perkembangan dan Masa Depan Kaveat

Chrome sedang mempertimbangkan untuk melaksanakan sokongan asli untuk memeriksa chrome.storage dalam DevTools (lihat crbug.com/848752).

Untuk sambungan menggunakan pekerja perkhidmatan ManifestV3, adalah penting untuk diingati bahawa DevTools untuk pekerja perkhidmatan tidak memaparkan storan. Untuk mengakses storan dalam senario ini, buka halaman yang boleh dilihat dalam sambungan (cth., halaman pop timbul atau pilihan) dan periksanya. Sebagai alternatif, buka manifes.json sambungan atau skrip daripada sambungan dalam tab baharu.

Atas ialah kandungan terperinci Bagaimana untuk Memeriksa Storan Chrome dalam DevTools?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!