Anzeigen und Bearbeiten des Sitzungsspeichers

Verwenden Sie das Anwendungstool, um sessionStorage-Schlüssel-Wert-Paare anzuzeigen, zu bearbeiten und zu löschen.

Anzeigen von sessionStorage-Schlüsseln und -Werten

So zeigen Sie die sessionStorage Schlüssel-Wert-Paare einer Domäne an:

1. Klicken Sie in DevTools auf die Registerkarte Anwendung , um das Anwendungstool zu öffnen. Der Bereich Manifest wird standardmäßig angezeigt:

   

2. Erweitern Sie im Abschnitt Speicher auf der linken Seite Sitzungsspeicher:

   

3. Wählen Sie im Sitzungsspeicher auf der linken Seite eine Domäne aus. Die Schlüssel-Wert-Paare der Domäne sind oben rechts aufgeführt:

   

4. Wählen Sie eine Zeile der Schlüssel-Wert-Tabelle aus. Der Wert für den ausgewählten Schlüssel wird unterhalb der Schlüssel-Wert-Tabelle angezeigt:

   

Erstellen eines neuen SessionStorage-Schlüssel-Wert-Paars

So fügen Sie ein neues Schlüssel-Wert-Paar für den Sitzungsspeicher hinzu:

1. Erweitern Sie in DevTools im Anwendungstool im Abschnitt Speicher auf der linken Seite sitzungsspeicher, und wählen Sie dann eine Domäne aus. Weitere Informationen finden Sie weiter oben unter Anzeigen von SitzungSpeicherschlüsseln und -werten.

2. Doppelklicken Sie in der Tabelle Schlüssel/Wert auf der rechten Seite auf eine leere Schlüssel-Wert-Zeile, um in den Bearbeitungsmodus zu wechseln.

3. Geben Sie im Feld Schlüssel der Zeile einen Schlüssel ein.

4. Geben Sie im Feld Wert der Zeile einen Wert für den Schlüssel ein.

5. Drücken Sie die EINGABETASTE, oder klicken Sie auf einen leeren Bereich. Der Wert wird dann auch unterhalb der Schlüssel-Wert-Tabelle angezeigt:

   

Bearbeiten von SessionSpeicherschlüsseln oder -werten

So bearbeiten Sie ein Schlüssel-Wert-Paar für den Sitzungsspeicher:

1. Erweitern Sie in DevTools im Anwendungstool im Abschnitt Speicher auf der linken Seite sitzungsspeicher, und wählen Sie dann eine Domäne aus. Weitere Informationen finden Sie weiter oben unter Anzeigen von SitzungSpeicherschlüsseln und -werten.

2. Doppelklicken Sie in der Tabelle Schlüssel/Wert auf der rechten Seite auf eine Zelle in der Spalte Schlüssel oder Wert , um diesen Schlüssel oder Wert zu bearbeiten:

   

Löschen von sessionStorage-Schlüssel-Wert-Paaren

So löschen Sie ein Schlüssel-Wert-Paar für die Sitzungsspeicherung:

1. Erweitern Sie in DevTools im Anwendungstool im Abschnitt Speicher auf der linken Seite sitzungsspeicher, und wählen Sie dann eine Domäne aus. Weitere Informationen finden Sie weiter oben unter Anzeigen von SitzungSpeicherschlüsseln und -werten.

2. Wählen Sie in der Tabelle Schlüssel/Wert auf der rechten Seite ein Schlüssel-Wert-Paar aus, um es hervorzuheben.

3. Drücken DeleteSie , oder klicken Sie auf die Schaltfläche Ausgewählt löschen (), oder klicken Sie mit der rechten Maustaste auf die Zeile, und wählen Sie dann Löschen aus.

Löschen aller sessionStorage-Schlüssel-Wert-Paare für eine Domäne

So löschen Sie alle Schlüssel-Wert-Paare für den Sitzungsspeicher für eine Domäne:

1. Erweitern Sie in DevTools im Anwendungstool im Abschnitt Speicher auf der linken Seite sitzungsspeicher, und wählen Sie dann eine Domäne aus. Weitere Informationen finden Sie weiter oben unter Anzeigen von SitzungSpeicherschlüsseln und -werten.

2. Klicken Sie auf die Schaltfläche Alle löschen ().

Interagieren mit sessionStorage über die Konsole

Sie können JavaScript-Ausdrücke und -Anweisungen in der Konsole ausführen, und die Konsole hat Zugriff auf die JavaScript-Kontexte der Seite, einschließlich für sessionStorage.

So interagieren Sie mit sessionStorage der Konsole:

1. Wählen Sie in DevTools das Konsolentool aus. Drücken Sie z. B . ESC , um den Bereich Schnellansicht anzuzeigen, der immer eine Konsolenregisterkarte enthält.

2. Wenn Sie auf die sessionStorage Schlüssel-Wert-Paare einer anderen Domäne als der Seite zugreifen möchten, auf der Sie sich befinden, verwenden Sie das JavaScript-Kontextmenü , um den JavaScript-Kontext der Konsole zu ändern:

   

   In diesem Szenario wären mehrere Domänen unten oben aufgeführt.

3. Geben Sie sessionStorage JavaScript-Ausdrücke in der Konsole ein:

   

   Der obige Screenshot zeigt die folgenden JavaScript-Ausdrücke und die resultierende Ausgabe:

   > sessionStorage.key(0)
   <· 'my-key-01'
   > sessionStorage.key(1)
   <· 'my-key-02'
   > sessionStorage.setItem("my-key-01", "efgh-5678")
   <· undefined
   > sessionStorage.getItem("my-key-01")
   <· 'efgh-5678'
   

   Wenn Sie JavaScript-Zuweisungsausdrücke mithilfe der Konsole eingeben, wird die Schlüssel-Wert-Paartabelle aktualisiert.

Dieses Werk ist unter einer Creative Commons Attribution 4.0 International License lizenziert.