首頁  >  文章  >  web前端  >  如何在 Chrome DevTools 中檢查 Chrome.storage.sync?

如何在 Chrome DevTools 中檢查 Chrome.storage.sync?

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

How Can I Inspect Chrome.storage.sync in Chrome DevTools?

在Chrome DevTools 中檢查chrome.storage.sync

雖然Chrome DevTools 可以方便地檢查本地存儲和會話存儲,但它缺乏chrome.storage.sync 具有類似的功能。本文深入研究了檢查 chrome.storage.sync 內容的替代方法。

方法1:儲存區域檢視器擴充

儲存區域檢視器擴充提供管理chrome.storage 的綜合解決方案:

  • 在所有儲存區域(同步、本機、會話、主機)中檢視、編輯、清除和搜尋。
  • 監控儲存中的變更.
  • 支援深色主題。

方法2:儲存區域資源管理器擴充

此擴充功能可以讓您:

  • 檢視、編輯、清除、匯入和匯出同步和本機儲存區域中的資料。
  • 注意:大型資料集可能會較慢。
  • 開發已停止數年。

其他方法

  • 控制台:使用API​​ 和用於存取和操作儲存資料的控制台命令。
  • 其他方法:其他答案中討論的各種方法。

未來開發

值得注意的是,正在考慮在DevTools 中檢查chrome.storage.sync 的本機實作(https://crbug .com/848752)。

ManifestV3 的注意事項Service Workers

由於DevTools 不可用,從ManifestV3 中的Service Workers 存取儲存需要額外的步驟:

  • 開啟可見頁面(例如彈出視窗或選項)。
  • 右鍵並選擇「檢查」。
  • 導覽至儲存資源管理器。
  • 或者,在新分頁中開啟擴充清單或使用服務為選項卡新增書籤工作人員/內容腳本。

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

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