Comment inspecter le stockage Chrome dans DevTools ?

Comment inspecter le stockage Chrome dans DevTools

Chrome DevTools propose des inspecteurs pratiques pour le stockage local et le stockage de session. Cependant, vous vous demandez peut-être s'il existe un outil similaire pour inspecter chrome.storage.sync.

Inspection des outils de développement natifs

Malheureusement, alors que « Stockage local » et « Stockage de session » " dans DevTools fait strictement référence aux API de stockage de la plateforme Web (localStorage et sessionStorage), ils ne prennent pas en charge l'inspection du contenu chrome.storage. chrome://sync-internals/ est également limité dans l'affichage du contenu de stockage réellement synchronisé par extension.

Méthodes basées sur les extensions

Méthode 1 : Stockage Area Viewer

Cette extension offre les fonctionnalités suivantes pour toutes les zones Chrome.storage (synchronisation, locale, session, gérée) :

• Affichage, modification, effacement et recherche contenu de stockage
• Surveillance des modifications de stockage
• Prise en charge du thème sombre

Méthode 2 : Explorateur de zone de stockage

Pendant cette extension offre des fonctionnalités similaires à celles de Storage Area Viewer, notez qu'il prend en charge l'affichage/la modification/l'importation/l'exportation uniquement dans les zones de synchronisation et locales.

De plus, il existe d'autres méthodes auxiliaires pour inspecter le contenu de chrome.storage :

• Utilisation de la console et de console.storage
• Utilisation directe de l'interface de stockage
• Utilisation d'outils de débogage personnalisés

Développements futurs et Avertissements

Chrome envisage d'implémenter une prise en charge native pour l'inspection de chrome.storage dans DevTools (voir crbug.com/848752).

Pour les extensions utilisant les service Workers ManifestV3, il est essentiel de se rappeler que DevTools pour les techniciens de service n'affiche pas le stockage. Pour accéder au stockage dans ce scénario, ouvrez une page visible dans l'extension (par exemple, une fenêtre contextuelle ou une page d'options) et inspectez-la. Vous pouvez également ouvrir le manifest.json de l'extension ou un script de l'extension dans un nouvel onglet.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!