首頁 > web前端 > js教程 > 主體

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

Patricia Arquette
發布: 2024-10-20 08:10:03
原創
234 人瀏覽過

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!