DevTools で Chrome ストレージを検査するにはどうすればよいですか?

DevTools で Chrome ストレージを検査する方法

Chrome DevTools には、ローカル ストレージとセッション ストレージの便利なインスペクターが用意されています。ただし、chrome.storage.sync.

Native DevTools Inspection

を検査するための同様のツールがあるかどうか疑問に思うかもしれませんが、残念ながら、「ローカル ストレージ」と「セッション ストレージ」 DevTools の「」は Web プラットフォーム ストレージ API (localStorage および sessionStorage) を厳密に指しており、chrome.storage コンテンツの検査はサポートしていません。 chrome://sync-internals/ は、拡張機能ごとに実際に同期されたストレージの内容を表示することにも制限があります。

拡張機能ベースのメソッド

方法 1: ストレージArea Viewer

この拡張機能は、すべての chrome.storage 領域 (同期、ローカル、セッション、管理対象) に対して次の機能を提供します。

• 表示、編集、クリア、検索ストレージ コンテンツ
• ストレージの変更の監視
• ダーク テーマのサポート

方法 2: ストレージ エリア エクスプローラー

この拡張機能は、Storage Area Viewer と同様の機能を提供しますが、同期領域とローカル領域でのみ表示/編集/インポート/エクスポートをサポートしていることに注意してください。

さらに、chrome.storage コンテンツを検査するための補助的な方法もあります。

• コンソールと console.storage の使用
• ストレージ インターフェイスの直接使用
• カスタムビルドのデバッグ ツールの使用

将来の開発と警告

Chrome は、DevTools で chrome.storage を検査するためのネイティブ サポートの実装を検討しています (crbug.com/848752 を参照)。

ManifestV3 サービス ワーカーを使用する拡張機能については、次の点に留意することが重要です。 Service Worker 用の DevTools にはストレージが表示されません。このシナリオでストレージにアクセスするには、拡張機能で表示されているページ (ポップアップ ページやオプション ページなど) を開いて調べます。あるいは、拡張機能のmanifest.jsonまたは拡張機能のスクリプトを新しいタブで開きます。

以上がDevTools で Chrome ストレージを検査するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。