Comment inspecter et surveiller Chrome.storage.sync dans DevTools ?

Inspection de Chrome.storage dans Devtools

Chrome DevTools fournit des inspecteurs pratiques pour le stockage local et le stockage de session. Cependant, les utilisateurs peuvent rencontrer des difficultés à trouver un outil équivalent pour inspecter chrome.storage.sync.

Cette absence d'inspecteur dédié dans DevTools a conduit à des questions sur l'accès et la surveillance du contenu du stockage synchronisé par extension. Pour résoudre ce problème, des méthodes alternatives ont émergé :

Extension de la visionneuse de zone de stockage

Cette extension offre des fonctionnalités complètes pour gérer et inspecter les zones de stockage Chrome. Il permet aux utilisateurs de :

• Afficher, modifier, effacer et effectuer des recherches dans toutes les zones de stockage Chrome : synchronisation, local, session et géré.
• Surveiller les modifications dans le stockage.
• Utilisez un thème sombre pour une meilleure lisibilité.

Extension de l'explorateur de zone de stockage

Bien que Storage Area Viewer offre une plus large gamme de fonctionnalités, Storage Area Explorer propose une solution plus simple et plus spécifique, se concentrant uniquement sur les zones de synchronisation et de stockage local. Il permet aux utilisateurs de :

• Afficher, modifier, effacer, importer et exporter des données de stockage.
• Surveiller les modifications de stockage.

Console et autres méthodes

En plus de ces extensions spécialisées, les utilisateurs peuvent également accéder aux données chrome.storage via la console ou d'autres outils de développement, tels que :

• Console. Entrez chrome.storage.sync.get(null, (data) => { console.log(data); }) pour récupérer les données de stockage synchronisées et les imprimer sur la console.
• Débogueur . Définissez un point d'arrêt dans le code où vous accédez aux données chrome.storage et inspectez son contenu dans la fenêtre du débogueur.

Il convient de noter que l'implémentation native de l'inspection chrome.storage pourrait être introduite dans les futures versions de navigateur, comme l'indique le bug Chrome signalé.

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!