首頁  >  文章  >  web前端  >  如何在 Chrome DevTools 中存取 chrome.storage.sync 資料?

如何在 Chrome DevTools 中存取 chrome.storage.sync 資料?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-10-20 08:17:02940瀏覽

How Can I Access chrome.storage.sync Data in Chrome DevTools?

在Chrome DevTools 中訪問chrome.storage.sync

儘管Chrome DevTools 中提供了本地存儲和會話存儲檢查器,但使用者經常遇到chrome.storage.sync 缺少類似功能的情況。這可以透過替代方法解決。

使用擴充程式進行Chrome 儲存檢查

  • 儲存區域檢視器擴充:

      儲存區域檢視器擴充:
    • 提供所有chrome.storage 區域(同步、本機、會話、主機)的全面視圖。
    • 提供在儲存的資料中查看、編輯、清除和搜尋的選項。
    • 啟用儲存變更監控。
  • 採用深色主題以增強可見性。
    • 儲存區域資源管理器擴充:
    • 專注於在chrome.storage 同步和本地區域中查看和編輯數據。
    • 允許匯入和匯出儲存的資訊。
  • 可能會遇到效能限制

DevTools 中的本機整合

雖然目前不可用,雖然目前不可用,但用於本機檢查chrome.storage 同步的功能正在開發中在未來的更新中考慮(如提供的連結中所示)。

替代方法

原始討論中提到的其他方法,例如使用控制台或自訂腳本,也可用於儲存檢查。

ManifestV3 Service Workers 注意:

由於 Service Worker 的 DevTools 限制,存取 chrome.storage.sync 需要替代方案方法。開啟可見的擴充頁面(例如彈出視窗或選項),右鍵單擊該頁面,然後選擇「檢查」即可存取儲存資源管理器。或者,右鍵單擊 DevTools 中的擴充功能中的腳本並選擇「在新分頁中開啟」可提供儲存資料的直接路徑。

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

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