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

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

Patricia Arquette
發布: 2024-10-20 08:13:29
原創
702 人瀏覽過

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

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