Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Der Web-Speicher-Inspektor ermöglicht dir die Einsicht der verschiedenen Speicher-Typen, welche Websites zur Nutzung zur verfügung stehen. Zur Zeit besteht die Möglichkeit des auslesens folgender Speicher-Typen:

  • Cache Speicher— sämtliche DOM caches die über die Cache API erzeugt wurden.
  • Cookies (Kekse) — Sämtliche cookies welche von der Website selbst, oder von in ihr eigebetetten iFrames erzeugt wurden. Cookies die Bestandteil der Antworten auf Netzwerkanfragen sind, werden dann aufgelistet, wenn sie bei geöffnetem Web-Speicher erzeugt wurden oder darauf zugegriffen wird.
  • IndexedDB — Von allen IndexedDB (indizierte Datenbanken) die von der einer Seite oder in ihr eingebetteteten iFrames erzeugt wurden, können die Objekt-Speicher ausgelesen und ihre Inhalte aufgelistet werden
  • Local Storage — Alle Einzelpositionen, der von der Web-Seite oder in ihr eigebetteteten Iframes erzeugten local storage (lokalen Speicher) sind einsehbar.
  • Session Storage — Alle Inhalte im session storage  die von der aktuellen Web-Site und der in ihr eingebetteten iFrames erzeugt wurden oder werden, können betrachtet werden.

Vorerst ermöglicht der Web-Speicher-Inspektor nur Lesezugriff auf die einzelnen Speicher-Typen. Aber wir arbeiten daran in einer zukünftigen Version auch den Schreibzugriff zu ermöglichen, damit es möglich wird die einzelnen Speicher Inhalte auch zu verändern.

Den Web-Speicher-Inspektor öffnen

Du kannst den Web-Speicher-Inspektor durch Auswählen von "Web-Speicher-Inspektor" im Entwickler-Untermenü im Firefox Hauptmenü (oder im Web-Entwickler-Menü, wenn die Menü-Zeile angezeigt wird oder bei Mac OS X) oder durch Drücken von Shift + F9 auf der Tastatur.

Die Entwickler-Box wird am Fuß des Browser-Fensters erscheinen, mit dem Web-Speicher-Inspektor aktiviert. In der Box heißt er nur "Web-Speicher".

Web-Speicher-Inspektor Benutzeroberfläche

Die Web-Speicher-Inspektor-Benutzeroberfläche ist in drei Hauptkomponenten unterteilt:

Speicherbaum

Der Speicherbaum zeigt alle Speichertypen, die der Web-Speicher-Inspektor anzeigen kann:

Unter jedem Type werden die Objekte nach ihrer Herkunft organisiert. Bei Cookies unterscheidet das Protokoll nicht die Herkunft. Für Indexed DB oder lokalen Speicher ist die Herkunft eine Kombination aus Protokoll und Hostnamen. Zum Beisiel sind "http://mozilla.org" und "https://mozilla.org" zwei verschiedene Herkünfte, somit kann lokaler speicher nicht zwischen ihnen ausgetauscht werden.

Unter "Cache-Speicher" sind die Objekte erst nach Herkunft und dann nach Name des Caches gespeichert:

IndexedDB sind nach Herkunft, dann nach Datenbank-Name und dann nach Objekt-Speicher-Name abgelegt:

Bei Cookies, lokalem Speicher und Sitzungs-Speicher gibt es nur eine Hierarchie-Ebene also sind die Objekte direkt unter der Herkunft aufgelistet:

Du kannst auf jeden Eintrag klicken, um die Untereinträge auf- oder zuzuklappen.

Klicken auf einen Untereintrag stellt detaillierte Informationen in der tabellarischen Ansicht rechts davon dar.Zum Beispiel führt das Klicken auf einen Eintrag im Cookies-Abschnitt dazu, dass alle Cookies von der ausgewählten Domain gezeigt werden.

Tabellarische Übersicht

Die tabellarische Übersicht ist der Platz, wo alle Einträge entsprechend zu dem gewählten Eintrag aufgelistet werden (egal ob Herkunft oder Datenbank).

Alle Spalten in der tabellarischen Übersicht sind skalierbar. Du kannst Spalten zeigen oder verstecken durch Klicken auf den Tabellenkopf und Auswählen welche Spalten du sehen möchtest:

Suche

Es gibt eine Suchzeile am Kopf der tabellarischen Übersicht:

Diese filtert die Tabelle damit nur noch Einträge die den Suchbergriff enthalten angezeigt werden. Einträge passen zum Suchbegriff, wenn in einem beliebigen Feld (auch den ausgeblendeten) der Begriff enthalten ist.

Ab Firefox 50 aufwärts kann man  Strg + F (Cmd + F beim Mac) drücken, um in die Suchbox zu springen.

Hinzufügen und aktualisieren des Speichers

Bei neueren Versionen des Firefox hast du Knöpfe verfügbar um die aktuelle Ansicht des betrachteten Speichers zu aktualisieren und wo möglich einen eigenen Eintrag hinzuzufügen (du kann bei IndexedDB oderr Cache keine eigenen Einträge vornehmen):

Wenn du eine Reihe in der Tabelle auswählst, werden in der Sidebar Details über diese Zeile angezeit. Wenn ein Cookie ausgewählt wird, werden alle Details dieses Cookies angezeigt.

Die Sidebar kann den Wert eines Cookies, lokalen Speicherobjekts oder eines Indexed DB Eintrags parsen und in einen aussagekräftiges Objekt erzeugen anstatt nur eines Strings. Zum Beispiel:

  • Ein stringifizierter JSON wie '{"foo": "bar"}' wird angezeigt wie das Original-JSON: {foo: "bar"}.
  • Ein schlüsselseparierter String, wie "1~2~3~4" oder "1=2=3=4", wird wie ein Array angezeigt: [1, 2, 3, 4].
  • Ein String mit Wertpaaren, wie "ID=1234:foo=bar" wird wie JSON angezeigt: {ID:1234, foo: "bar"}.

Die gezeigten Werte können mit Hilfe des Suchfeldes im Kopf der Sidebar gefiltert werden.

Cache Storage

Under the Cache Storage type you can see the contents of any DOM caches created using the Cache API. If you select a cache, you'll see a list of the resources it contains. For each resource, you'll see:

  • the URL for the resource
  • the status code for the request that was made to fetch it.

Cookies

When you select an origin inside the Cookies storage type from the storage tree, all the cookies present for that origin will be listed in the table widget. The cookies table has the following columns:

  • Name — The name of the cookie
  • Path — The path property of the cookie
  • Domain — The domain of the cookie
  • Expires on — The time when the cookie will expire. If the cookie is a session cookie, the value of this column will be "Session"
  • Last accessed on — When the cookie was last read
  • Created on — When the cookie was created
  • Value — The value of the cookie
  • HostOnly — Is this cookie a domain cookie: that is, the domain value starts with a "."
  • Secure — Is this cookie a secure cookie
  • HttpOnly — Is this cookie HTTP only
  • sameSite — Is this cookie a same-site cookie? Same-site cookies allow servers to mitigate the risk of CSRF and information leakage attacks by asserting that a particular cookie should only be sent with requests initiated from the same registrable domain.

Note: Some of the columns are not shown by default — to change the column display, Right/Ctrl-click on the existing table headings and use the resulting context menu to show/hide the columns.

You can edit cookies by double-clicking inside cells in the Table Widget and editing the values they contain, and add new cookies by clicking the "Plus" (+) button and then editing the resulting new row to the value you want.

You can also delete cookies using the context menu on each row:

Local storage / Session storage

When an origin corresponding to local storage or session storage is selected, the table will list the name and value of all the items corresponding to local storage or session storage.

You can edit local and session storage items by double-clicking inside cells in the Table Widget and editing the values they contain:

You can also delete local storage and session storage entries using the context menu:

Finally, you can add new storage items by clicking the "Plus" (+) button and then editing the resulting new row to the value you want.

IndexedDB

When you select an origin inside the Indexed DB storage type in the storage tree, the table lists the details of all the databases present for that origin. Databases have the following details:

  • Database Name — The name of the database
  • Storage — The storage type specified for the database (new in Firefox 53)
  • Origin — Its origin
  • Version — The database version
  • Object Stores — Number of object stores in the database

When an IndexedDB database is selected in the storage tree, details about all the object stores are listed in the table. Any object store has the following details:

  • Object Store Name — The name of the object store
  • Key — The keyPath property of the object store.
  • Auto Increment — Whether auto increment is enabled
  • Indexes — Array of indexes present in the object store as shown below

When an object store is selected in the storage tree, all the items in that object store are listed in the table. All items have a key and a value associated with them.

From Firefox 49 onwards, you can delete an IndexedDB database using the context menu in the Storage tree view:

If the database cannot be deleted (most commonly because there are still active connections to the database), a warning message will be displayed in the Storage Inspector:

From Firefox 50 onwards, you can use the context menu in the table widget to delete all items in an object store, or a particular item:

 

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Borgitowner, mdnwebdocs-bot, Nuzoo
Zuletzt aktualisiert von: Borgitowner,