Chrome DevTools で Chrome.storage.sync を検査するにはどうすればよいですか?

Chrome DevTools で chrome.storage.sync を検査する

Chrome DevTools ではローカル ストレージとセッション ストレージを簡単に検査できますが、機能が欠けています。 chrome.storage.sync にも同様の機能があります。この記事では、chrome.storage.sync の内容を検査するための別の方法について詳しく説明します。

方法 1: Storage Area Viewer 拡張機能

Storage Area Viewer 拡張機能は、次の機能を提供します。 chrome.storage を管理するための包括的なソリューション:

• すべてのストレージ領域 (同期、ローカル、セッション、マネージド) の表示、編集、クリア、検索。
• ストレージ内の変更の監視.
• ダーク テーマをサポートします。

方法 2: Storage Area Explorer 拡張機能

この拡張機能を使用すると、次のことが可能になります。

• 同期およびローカル ストレージ領域でデータを表示、編集、クリア、インポート、エクスポートします。
• 注: データ セットが大きいと速度が遅くなる可能性があります。
• 開発は数年間中止されています。

その他のメソッド

• コンソール: API を使用し、ストレージ データにアクセスして操作するためのコンソール コマンド。
• その他の方法: 他の回答で説明されているさまざまな方法。

将来の開発

DevTools で chrome.storage.sync を検査するためのネイティブ実装が検討中であることは注目に値します (https://crbug.com/848752)。

ManifestV3 に関する注意Service Worker

ManifestV3 の Service Worker からストレージにアクセスするには、DevTools が利用できないため、追加の手順が必要です:

• 表示されているページ (ポップアップやオプションなど) を開きます。
• 右クリックして [検査] を選択します。
• ストレージ エクスプローラーに移動します。
• または、新しいタブで拡張機能マニフェストを開くか、サービスのタブをブックマークします。ワーカー/コンテンツ スクリプト。

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