「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > Chrome DevTools で chrome.storage.sync データにアクセスするにはどうすればよいですか?

Chrome DevTools で chrome.storage.sync データにアクセスするにはどうすればよいですか?

2024 年 11 月 18 日に公開
ブラウズ:609

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

Chrome DevTools で chrome.storage.sync にアクセスする

Chrome DevTools でローカル ストレージとセッション ストレージのインスペクターが利用できるにもかかわらず、ユーザーはchrome.storage.sync には同様の機能がありません。これは別の方法で解決できます。

拡張機能を使用した Chrome Storage Inspection

  • Storage Area Viewer Extension:

    ]
    • すべての chrome.storage 領域 (同期、ローカル、セッション、管理対象) の包括的なビューを提供します。
    • 保存されたデータ内で表示、編集、消去、および検索するためのオプションを提供します。
    • ストレージの変更の監視を有効にします。
    • 可視性を高めるためのダークテーマが特徴です。
  • ストレージ エリア エクスプローラー拡張機能:

    • Chrome 内でのデータの表示と編集に重点を置きます。ストレージ同期とローカル領域。
    • 保存された情報のインポートとエクスポートが可能です。
    • 大規模なデータではパフォーマンスの制限が発生する可能性があります。データ量。

DevTools でのネイティブ統合

現在は利用できませんが、chrome.storage 同期をネイティブに検査する機能が提供されています。 (提供されたリンクに示されているように) 将来の更新で検討されます。

代替アプローチ

元の説明で言及されているその他の方法 (コンソールやカスタム スクリプトの使用など) 、ストレージの検査にも利用できます。

ManifestV3 Service Workers 向けのメモ:

Service Worker 用の DevTools の制限により、chrome.storage.sync にアクセスするには代替手段が必要です。メソッド。表示されている拡張機能ページ (ポップアップやオプションなど) を開いてページを右クリックし、[検査] を選択すると、ストレージ エクスプローラーにアクセスできます。あるいは、DevTools の拡張機能からスクリプトを右クリックし、[新しいタブで開く] を選択すると、保存されたデータへの直接パスが提供されます。

リリースステートメント この記事は次の場所に転載されています: 1729383315 権利侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3