DevTools で Chrome.storage.sync を検査および監視する方法

Devtools での Chrome.storage の検査

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

を検査するための同等のツールを見つけるのが難しい場合があります。DevTools には専用のインスペクターがないため、拡張機能ごとの同期されたストレージのコンテンツへのアクセスと監視について疑問が生じています。この問題に対処するために、代替方法が登場しました。

Storage Area Viewer Extension

この拡張機能は、chrome.storage 領域を管理および検査するための包括的な機能を提供します。これにより、ユーザーは次のことが可能になります。

• すべての chrome.storage 領域 (同期、ローカル、セッション、管理対象) 内で表示、編集、クリア、検索できます。
• ストレージ内の変更を監視します。
• 読みやすさを高めるためにダーク テーマを使用します。

Storage Area Explorer Extension

Storage Area Viewer は幅広い機能を提供しますが、Storage Area Explorer は、同期領域とローカル ストレージ領域のみに焦点を当てた、よりシンプルでより具体的なソリューションを提供します。これにより、ユーザーは次のことが可能になります。

• ストレージ データの表示、編集、クリア、インポート、エクスポート。
• ストレージの変更の監視。

コンソールおよびその他のメソッド

これらの特殊な拡張機能に加えて、ユーザーは、コンソールまたは次のような他の開発ツールを通じて chrome.storage データにアクセスすることもできます。

• コンソール。 chrome.storage.sync.get(null, (data) => { console.log(data); }) と入力して、同期されたストレージ データを取得し、コンソールに出力します。
• Debugger 。 chrome.storage データにアクセスし、デバッガー ウィンドウでその内容を検査するコードにブレークポイントを設定します。

chrome.storage 検査のネイティブ実装は、将来のバージョンで導入される可能性があることに注意してください。報告された Chrome のバグで示されているように、ブラウザ。

以上がDevTools で Chrome.storage.sync を検査および監視する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。