首頁  >  文章  >  web前端  >  如何在 DevTools 中檢查 Chrome 儲存空間?

如何在 DevTools 中檢查 Chrome 儲存空間?

Patricia Arquette
Patricia Arquette原創
2024-10-20 08:10:03309瀏覽

How to Inspect Chrome Storage in DevTools?

如何在 DevTools 中檢查 Chrome 儲存

Chrome DevTools 為本地儲存和會話儲存提供了方便的檢查器。但是,您可能想知道是否有類似的工具用於檢查 chrome.storage.sync。

Native DevTools Inspection

不幸的是,而「本地儲存」和「會話儲存」 」 在DevTools 中嚴格指的是Web 平台儲存API(localStorage 和API sessionStorage),它們不支援檢查chrome.storage 內容。 >

方法1:儲存區域檢視器

此擴充功能為所有chrome.storage 區域(同步、本機、會話、主機)提供下列功能:

查看、編輯、清除和搜尋儲存內容

監控儲存變化
  • 深色主題支援
  • 方法2:儲存區域瀏覽器

而此擴充功能提供與儲存區域檢視器類似的功能,注意它僅支援在同步和本地區域中檢視/編輯/匯入/匯出。 ,還有其他輔助方法來檢查chrome.storage 內容:

使用console 和console.storage

直接使用儲存介面

使用客製化的除錯工具
  • 未來的發展與注意事項
  • Chrome 正在考慮在DevTools 中實現對檢查chrome.storage 的本機支援(請參閱crbug.com/848752 )。 ,彈出視窗或選項頁面)並檢查它。

以上是如何在 DevTools 中檢查 Chrome 儲存空間?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn