Heim >Web-Frontend >js-Tutorial >Wie überprüft man den Chrome-Speicher in DevTools?

Wie überprüft man den Chrome-Speicher in DevTools?

Patricia Arquette
Patricia ArquetteOriginal
2024-10-20 08:10:03315Durchsuche

How to Inspect Chrome Storage in DevTools?

So überprüfen Sie den Chrome-Speicher in DevTools

Chrome DevTools bietet praktische Inspektoren für lokalen Speicher und Sitzungsspeicher. Sie fragen sich jedoch vielleicht, ob es ein ähnliches Tool zur Überprüfung von chrome.storage.sync gibt.

Native DevTools Inspection

Leider sind „Lokaler Speicher“ und „Sitzungsspeicher“ nicht verfügbar „ in DevTools beziehen sich ausschließlich auf die Speicher-APIs der Webplattform (localStorage und sessionStorage), sie unterstützen nicht die Überprüfung von chrome.storage-Inhalten. chrome://sync-internals/ ist auch bei der Anzeige der tatsächlichen synchronisierten Speicherinhalte pro Erweiterung eingeschränkt.

Erweiterungsbasierte Methoden

Methode 1: Speicher Bereichsbetrachter

Diese Erweiterung bietet die folgenden Funktionen für alle chrome.storage-Bereiche (Synchronisierung, lokal, Sitzung, verwaltet):

  • Anzeigen, Bearbeiten, Löschen und Suchen Speicherinhalt
  • Speicheränderungen überwachen
  • Dunkle Theme-Unterstützung

Methode 2: Speicherbereichs-Explorer

Während dieser Erweiterung bietet ähnliche Funktionen wie der Storage Area Viewer. Beachten Sie, dass er das Anzeigen/Bearbeiten/Importieren/Exportieren nur in synchronisierten und lokalen Bereichen unterstützt.

Darüber hinaus gibt es weitere Hilfsmethoden zum Überprüfen von chrome.storage-Inhalten:

  • Verwenden der Konsole und console.storage
  • Direkte Verwendung der Speicherschnittstelle
  • Einsatz maßgeschneiderter Debugging-Tools

Zukünftige Entwicklungen und Vorsichtsmaßnahmen

Chrome erwägt die Implementierung nativer Unterstützung für die Überprüfung von chrome.storage in DevTools (siehe crbug.com/848752).

Bei Erweiterungen, die ManifestV3-Servicemitarbeiter verwenden, ist es wichtig, dies zu bedenken DevTools für Servicemitarbeiter zeigt keinen Speicher an. Um in diesem Szenario auf den Speicher zuzugreifen, öffnen Sie eine sichtbare Seite in der Erweiterung (z. B. ein Popup oder eine Optionsseite) und überprüfen Sie sie. Alternativ können Sie die Datei manifest.json der Erweiterung oder ein Skript der Erweiterung in einem neuen Tab öffnen.

Das obige ist der detaillierte Inhalt vonWie überprüft man den Chrome-Speicher in DevTools?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn