diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:15 -0500 |
| commit | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (patch) | |
| tree | d4a40e13ceeb9f85479605110a76e7a4d5f3b56b /files/de/tools/storage_inspector | |
| parent | 33058f2b292b3a581333bdfb21b8f671898c5060 (diff) | |
| download | translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.gz translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.bz2 translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.zip | |
initial commit
Diffstat (limited to 'files/de/tools/storage_inspector')
5 files changed, 323 insertions, 0 deletions
diff --git a/files/de/tools/storage_inspector/cache_storage/index.html b/files/de/tools/storage_inspector/cache_storage/index.html new file mode 100644 index 0000000000..b8411a08dd --- /dev/null +++ b/files/de/tools/storage_inspector/cache_storage/index.html @@ -0,0 +1,15 @@ +--- +title: Cache Storage +slug: Tools/Storage_Inspector/Cache_Storage +translation_of: Tools/Storage_Inspector/Cache_Storage +--- +<div>{{ToolsSidebar}}</div> + +<p>Under the <em>Cache Storage</em> type within the <a href="/en-US/docs/Tools/Storage_Inspector">Storage Inspector</a> you can see the contents of any DOM caches created using the <a href="/en-US/docs/Web/API/Cache">Cache API</a>. If you select a cache, you'll see a list of the resources it contains. For each resource, you'll see:</p> + +<ul> + <li>the URL for the resource.</li> + <li>the status code for the request that was made to fetch it.</li> +</ul> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16810/cache_storage_detail.png" style="border: 1px solid black; display: block; height: 251px; margin-left: auto; margin-right: auto; width: 926px;"></p> diff --git a/files/de/tools/storage_inspector/cookies/index.html b/files/de/tools/storage_inspector/cookies/index.html new file mode 100644 index 0000000000..9ed14c7fd6 --- /dev/null +++ b/files/de/tools/storage_inspector/cookies/index.html @@ -0,0 +1,43 @@ +--- +title: Cookies +slug: Tools/Storage_Inspector/Cookies +translation_of: Tools/Storage_Inspector/Cookies +--- +<p>{{ToolsSidebar}}</p> + +<p>Wenn Sie im Speicherbaum eine Herkunft innerhalb des Cookie-Speichertyps auswählen, werden alle für diese Herkunft vorhandenen Cookies in einer Tabelle aufgelistet. Die Cookie-Tabelle enthält die folgenden Spalten:</p> + +<ul> + <li><em>Name</em> — Der Name des Cookies.</li> + <li><em>Value</em> — Der Wert des Cookies.</li> + <li><em>Domain</em> — Die Domain des Cookies.</li> + <li><em>Path</em> — Die Pfadeigenschaft des Cookies.</li> + <li><em>Expires / Max-Age</em> — Die Zeit, zu der der Cookie abläuft. Wenn es sich bei dem Cookie um ein Sitzungscookie handelt, lautet der Wert dieser Spalte "Sitzung".</li> + <li><em>Size</em> — Die Größe des Cookienamens plus Wert in Bytes.</li> + <li><em>HttpOnly</em> — Ist dieser Cookie nur HTTP?</li> + <li><em>Secure</em> — Ist dieser Cookie ein sicherer Cookie?</li> + <li><em>SameSite</em> — Ist dieses Cookie auf derselben Seite? Mit Cookies auf derselben Seite können Server das Risiko von CSRF- und Informationsleckangriffen verringern, indem sie behaupten, dass ein bestimmter Cookie nur mit Anforderung gesendet werden soll, die von derselben registrierbaren Domain initiiert wurden.</li> + <li><em>Last accessed</em> — Datum und Uhrzeit des letzten Lesens des Cookies.</li> + <li><em>Created</em> — Datum und Uhrzeit der Erstellung des Cookies.</li> + <li><em>HostOnly</em> — Ist dieser Cookie ein Domaincookie? Das heißt, der Domain-Wert stimmt genau mit der Domain der aktuellen Website überein.</li> +</ul> + +<div class="note"> +<p>Hinweis: Einige der Spalten werden standardmäßig nicht angezeigt. Um die Spaltenanzeige zu ändern, klicken Sie mit der rechten Maustaste auf die vorhandenen Tabellenüberschriften und verwenden Sie das resultierende Kontextmenü, um die Spalten anzuzeigen / auszublenden.</p> +</div> + +<p>Sie können Cookies bearbeiten, indem Sie auf Zellen im Tabellen-Widget doppelklicken und die darin enthaltenen Werte bearbeiten. Fügen Sie neue Cookies hinzu, indem Sie auf die Schaltfläche "Plus" (+) klicken und dann die resultierende neue Zeile auf den gewünschten Wert bearbeiten.</p> + +<h3 id="Kontextmenü">Kontextmenü</h3> + +<p>Das Kontextmenü für jeden Cookie beinhaltet die folgenden Befehle:</p> + +<ul> + <li><em>Add item</em> - füge einen neuen Cookie hinzu.</li> + <li><em>Delete <cookie name>.<domain></em> - löscht den ausgewählten Cookie</li> + <li><em>Delete All From <domain></em> - löscht alle Cookies von der ausgewählten Domain. Dies muss genau übereinstimmer. Zum Beispiel, wenn sie "Delete All From test8.example.com" auswählen, werden nur Cookies von dieser Domain gelöscht. Cookies von "test13.example.com" werden nicht gelöscht.</li> + <li><em>Delete All</em> - löscht alle Cookies für den aktuellen Host.</li> + <li><em>Delete All Session Cookies</em> - löscht alle Cookies für den aktuellen Host, die beim Schließen des Browsers gelöscht werden sollen.</li> +</ul> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16811/cookie_table_widget_context.png" style="border: 1px solid black; display: block; height: 250px; margin-left: auto; margin-right: auto; width: 924px;"></p> diff --git a/files/de/tools/storage_inspector/index.html b/files/de/tools/storage_inspector/index.html new file mode 100644 index 0000000000..475f4c28d2 --- /dev/null +++ b/files/de/tools/storage_inspector/index.html @@ -0,0 +1,200 @@ +--- +title: Storage Inspector +slug: Tools/Storage_Inspector +tags: + - Entwicklerwerkzeug + - Sessionspeicher + - Speicher + - Werkzeuge + - lokaler Speicher +translation_of: Tools/Storage_Inspector +--- +<div>{{ToolsSidebar}}</div> + +<p>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:</p> + +<ul> + <li><em>Cache Speicher</em>— sämtliche DOM caches die über die <a href="/en-US/docs/Web/API/Cache">Cache API </a>erzeugt wurden.</li> + <li><em>Cookies (Kekse)</em> — Sämtliche <a href="/en-US/docs/Web/API/Document/cookie">cookies</a> welche von der Website selbst, oder von in ihr eigebetteten 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.</li> + <li><em>IndexedDB</em> — Von allen <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> (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</li> + <li><em>Local Storage</em> — Alle Einzelpositionen, der von der Web-Seite oder in ihr eigebetteteten Iframes erzeugten <a href="/en-US/docs/Web/API/Window/localStorage">local storage</a> (lokalen Speicher) sind einsehbar.</li> + <li><em>Session Storage </em> — Alle Inhalte im <a href="/en-US/docs/Web/API/Window/sessionStorage">session storage</a> die von der aktuellen Web-Site und der in ihr eingebetteten iFrames erzeugt wurden oder werden, können betrachtet werden.</li> +</ul> + +<p>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.</p> + +<h2 id="Den_Web-Speicher-Inspektor_öffnen">Den Web-Speicher-Inspektor öffnen</h2> + +<p>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.</p> + +<p>Die <a href="https://developer.mozilla.org/en-US/docs/Tools/DevTools_Window">Entwickler-Box</a> wird am Fuß des Browser-Fensters erscheinen, mit dem Web-Speicher-Inspektor aktiviert. In der Box heißt er nur "Web-Speicher".</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14247/1-storage-inspector-open.png" style="display: block; height: 846px; margin-left: auto; margin-right: auto; width: 1311px;"></p> + +<h2 id="Web-Speicher-Inspektor_Benutzeroberfläche">Web-Speicher-Inspektor Benutzeroberfläche</h2> + +<p>Die Web-Speicher-Inspektor-Benutzeroberfläche ist in drei Hauptkomponenten unterteilt:</p> + +<ul> + <li><a href="#Speicherbaum">Speicherbaum</a></li> + <li><a href="#tabellenuebersicht">Tabellarische Übersicht</a></li> + <li><a href="#sidebar">Sidebar</a></li> +</ul> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14249/2-storage-inspector-annotated.png" style="display: block; height: 858px; margin-left: auto; margin-right: auto; width: 1323px;"></p> + +<h3 id="Speicherbaum_2"><a id="Speicherbaum" name="Speicherbaum">Speicherbaum</a></h3> + +<p>Der Speicherbaum zeigt alle Speichertypen, die der Web-Speicher-Inspektor anzeigen kann:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14251/3-storage-types.png" style="display: block; height: 166px; margin-left: auto; margin-right: auto; width: 386px;"></p> + +<p>Unter jedem Type werden die Objekte nach ihrer Herkunft organisiert. <span class="tlid-translation translation" lang="de"><span title="">Bei Cookies unterscheidet das Protokoll nicht die Herkunft</span></span>. 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.</p> + +<p>Unter "Cache-Speicher" sind die Objekte erst nach Herkunft und dann nach Name des Caches gespeichert:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14253/4-cachestorage.png" style="display: block; height: 210px; margin-left: auto; margin-right: auto; width: 350px;"></p> + +<p>IndexedDB sind nach Herkunft, dann nach Datenbank-Name und dann nach Objekt-Speicher-Name abgelegt:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14255/5-indexeddb.png" style="display: block; height: 360px; margin-left: auto; margin-right: auto; width: 350px;"></p> + +<p>Bei Cookies, lokalem Speicher und Sitzungs-Speicher gibt es nur eine Hierarchie-Ebene also sind die Objekte direkt unter der Herkunft aufgelistet:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14257/6-cookies.png" style="display: block; height: 598px; margin-left: auto; margin-right: auto; width: 350px;"></p> + +<p>Du kannst auf jeden Eintrag klicken, um die Untereinträge auf- oder zuzuklappen.</p> + +<p>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.</p> + +<h3 id="Tabellarische_Übersicht"><a id="tabellenuebersicht" name="tabellenuebersicht">Tabellarische Übersicht</a></h3> + +<p>Die tabellarische Übersicht ist der Platz, wo alle Einträge entsprechend zu dem gewählten Eintrag aufgelistet werden (egal ob Herkunft oder Datenbank).</p> + +<p>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:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14259/7-col-selection.png" style="display: block; height: 594px; margin-left: auto; margin-right: auto; width: 900px;"></p> + +<h3 id="Suche">Suche</h3> + +<p>Es gibt eine Suchzeile am Kopf der tabellarischen Übersicht:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14261/8-search.png" style="display: block; height: 646px; margin-left: auto; margin-right: auto; width: 912px;"></p> + +<p>Diese filtert die Tabelle damit nur noch Einträge die den Suchbegriff enthalten angezeigt werden. Einträge passen zum Suchbegriff, wenn in einem beliebigen Feld (auch den ausgeblendeten) der Begriff enthalten ist.</p> + +<p>Ab Firefox 50 aufwärts kann man <kbd>Strg</kbd> + <kbd>F</kbd> (<kbd>Cmd</kbd> + <kbd>F</kbd> beim Mac) drücken, um in die Suchbox zu springen.</p> + +<h3 id="Hinzufügen_und_aktualisieren_des_Speichers">Hinzufügen und aktualisieren des Speichers</h3> + +<p>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 kannst bei IndexedDB oder Cache keine eigenen Einträge vornehmen):</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15812/add-refresh-storage.png" style="display: block; margin: 0 auto;"></p> + +<h3 id="Sidebar"><a name="sidebar">Sidebar</a></h3> + +<p>Wenn du eine Reihe in der Tabelle auswählst, werden in der Sidebar Details über diese Zeile angezeigt. Wenn ein Cookie ausgewählt wird, werden alle Details dieses Cookies angezeigt.</p> + +<p>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:</p> + +<ul> + <li>Ein stringifizierter JSON wie <code>'{"foo": "bar"}'</code> wird angezeigt wie das Original-JSON: <code>{foo: "bar"}</code>.</li> + <li>Ein schlüsselseparierter String, wie <code>"1~2~3~4"</code> oder <code>"1=2=3=4"</code>, wird wie ein Array angezeigt: <code>[1, 2, 3, 4]</code>.</li> + <li>Ein String mit Wertpaaren, wie <code>"ID=1234:foo=bar"</code> wird wie JSON angezeigt: <code>{ID:1234, foo: "bar"}</code>.</li> +</ul> + +<p>Die gezeigten Werte können mit Hilfe des Suchfeldes im Kopf der Sidebar gefiltert werden.</p> + +<h2 id="Cache_Speicher">Cache Speicher</h2> + +<p>Unter dem Eintrag "Cache Storage" kannst du den Inhalt jedes DOM Caches sehen, der unter Verwendung von <a href="/en-US/docs/Web/API/Cache">Cache API</a> erzeugt wurde. Wenn du einen Cache auswählst, siehst du eine Liste der Einträge die er enthält. Für jeden Eintrag siehst du:</p> + +<ul> + <li>die URL des Eintrags</li> + <li>den Status Code für den Aufruf der für den Abruf der Daten gemacht wurde.</li> +</ul> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14263/9-cachedstorage-details.png" style="display: block; height: 213px; margin-left: auto; margin-right: auto; width: 900px;"></p> + +<h2 id="Cookies_Kekse_-">Cookies (Kekse ;-)</h2> + +<p>Wenn du eine Herkunft aus dem "Cookie Storage" Eintrag im Speicherbaum auswählst, werden alle Cookies die für diese Herkunft gespeichert sind im Tabellen-Fenster angezeigt. Die Cookies-Tabelle hat folgende Spalten:</p> + +<ul> + <li><em>Name</em> — Der Name des Cookies</li> + <li><em>Pfad</em>— Der Pfad-Eintrag des Cookies</li> + <li><em>Domain</em> — Die Domäne des Cookies</li> + <li><em>Läuft ab am</em> — Die Zeit wann der Cookie üngültig wird. Wenn es ein Session-Cookie ist, ist der Inhalt "Session"</li> + <li><em>Zuletzt zugegriffen</em> — Wann der Cookie zuletzt gelesen wurde</li> + <li>Erstellt — Wann der Cookie erstellt wurde</li> + <li><em>Wert</em> — Der Inhalt des Cookies</li> + <li><em>HostOnly</em> — Ist dies ein Domain-Cookie: wenn ja, beginnt der Eintrag "domain" mit "."</li> + <li><em>Secure </em>— Ist es ein sicherer Cookie</li> + <li><em>HttpOnly</em> — Ist dieser Cookie nur für HTTP</li> + <li><em>sameSite</em> — Ist es ein Dieselbe-Site-Cookie? "Same-site cookies" erlauben Servern das Risiko von CSRF und Informations-Leck-Attacken zu verringern, wenn Sie sicherstellen, dass bestimmte Cookies nur gesendet werden, wenn die Anfrage von derselben registrierten Domain erfolgt.</li> +</ul> + +<div class="note"> +<p><strong>Bitte beachten</strong>: Einige Spalten werden standardmäßig nicht gezeigt — um die Spaltendarstellung zu ändern, Rechts/<kbd>Ctrl</kbd>-Klick auf den angezeigten Tabellenkopf und das erscheinende Menü benutzen, um die Spalten ein- und auszuschalten.</p> +</div> + +<p>Du kann die Cookies editieren, wenn du in der <a href="/en-US/docs/Tools/Storage_Inspector#Table_Widget">Tabellen-Ansicht</a> doppelklickst und die angezeigten Werte veränderst. Neue Cookies können mit dem "Plus" (+) Knopf und dem Editieren der erscheinenden neuen Zeile erstellt werden.</p> + +<p>Du kannst außerdem Cookies löschen, indem du das Menü in jeder Zeile benutzt:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14273/delete-cookies.png" style="display: block; height: 208px; margin-left: auto; margin-right: auto; width: 900px;"></p> + +<h2 id="Local_storage_Session_storage">Local storage / Session storage</h2> + +<p>Wenn ein Eintrag aus dem local Storage oder dem session storage ausgewählt wird, zeigt die Tabelle alle Einträge, die mit der entsprechenden Session und local oder session storage zu tun haben.</p> + +<p>Du kannst die Einträge im local und session storage bearbeiten, wenn du in die entsprechende Zelle im <a href="/de/docs/Tools/Storage_Inspector#Tabellarische_%C3%9Cbersicht">Tabellen-Widget</a> doppelklickst und die Werte editierst:</p> + +<p>{{EmbedYouTube("UKLgBBUi11c")}}</p> + +<p>Außerdem kannst die local und session storage Einträge mit Hilfe des Kontext-Menüs löschen:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14275/14-delete-localstorage.png" style="display: block; height: 444px; margin-left: auto; margin-right: auto; width: 900px;"></p> + +<p>Schließlich kannst du auch Einträge durch drücken des "Plus" (+) Knopfes hinzufügen und dann die erzeugte Zeile mit Wunschwerten füllen.</p> + +<h2 id="IndexedDB">IndexedDB</h2> + +<p>Wenn du einen Ursprung innerhalb des Speichertyps IndexedDB in der Speicherstruktur auswählst, werden in der Tabelle die Details aller für diesen Ursprung vorhandenen Datenbanken aufgelistet.</p> + +<div class="blockIndicator note"> +<p><strong>Hinweis</strong>: <span class="tlid-translation translation" lang="de"><span title="">Die in einer IndexedDB-Datenbank angezeigten Daten sind eine Momentaufnahme der Daten, wie sie beim Öffnen des Web-Speicher-Werkzeugs vorhanden waren.</span></span></p> +</div> + +<p>Datenbanken haben folgende Details:</p> + +<ul> + <li><em>Datenbankname</em> — Der Name der Datenbank</li> + <li><em>Speicher</em> — Der <a href="/de/docs/IndexedDB/Browser_storage_limits_and_eviction_criteria#Unterschiedliche_Typen_der_Datenspeicherung">Speichertyp</a> spezifiziert für die Datenbank</li> + <li><em>Herkunft</em> — Ihre Herkunft</li> + <li><em>Version</em> — Die Datenbank-Version</li> + <li><em>Speicher-Objekte</em> — Anzahl der gespeicherten Objekte in der Datenbank</li> +</ul> + +<p><span class="tlid-translation translation" lang="de"><span title="">Wenn eine IndexedDB-Datenbank in der Speicherstruktur ausgewählt ist, werden Details zu allen Objektspeichern in der Tabelle aufgelistet.</span> <span title="">Jeder Objektspeicher enthält die folgenden Details:</span></span></p> + +<ul> + <li><em>Objektspeichername</em> — Der Name des Objektspeichers</li> + <li><em>Schlüssel</em> — Der SchlüsselPfad der zum Objektspeicher gehört.</li> + <li><em>Auto Increment</em> — Zeigt, ob <em>auto increment</em> aktiviert ist</li> + <li><em>Indexes</em> — Liste von Indizes im Objektspeicher wie unten angezeigt</li> +</ul> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14265/10-indexeddb-details.png" style="display: block; height: 205px; margin-left: auto; margin-right: auto; width: 900px;"></p> + +<p>Wenn ein Objektspeicher in der Speicherstruktur ausgewählt wird, werden alle Einträge in dem Objektspeicher in der Tabelle aufgelistet.</p> + +<p>Du kannst eine Indexed DB Datenbank löschen, indem du den Eintrag aus dem Kontextmenü in der Speicherstruktur benutzt:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14277/15-delete-database.png" style="display: block; height: 194px; margin-left: auto; margin-right: auto; width: 900px;"></p> + +<p>Wenn eine Datenbank nicht gelöscht werden kann (meistens, weil es noch aktive Verbindungen zur Datenbank gibt), wird eine Warnmeldung im Speicher-Inspektor angezeigt:<img alt="" src="https://mdn.mozillademos.org/files/14267/11-indexeddb-delete-warning.png" style="display: block; height: 255px; margin: 0px auto; width: 900px;"></p> + +<p>Du kannst das Kontext-Menü im Tabellen-Editor benutzen, um alle Einträge in einem Objektspeicher zu löschen oder nur einzelne:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14279/16-delete-database-entries.png" style="display: block; height: 195px; margin-left: auto; margin-right: auto; width: 900px;"></p> diff --git a/files/de/tools/storage_inspector/indexeddb/index.html b/files/de/tools/storage_inspector/indexeddb/index.html new file mode 100644 index 0000000000..2ede236480 --- /dev/null +++ b/files/de/tools/storage_inspector/indexeddb/index.html @@ -0,0 +1,45 @@ +--- +title: IndexedDB +slug: Tools/Storage_Inspector/IndexedDB +translation_of: Tools/Storage_Inspector/IndexedDB +--- +<div>{{ToolsSidebar}}</div> + +<p>When you select an origin inside the <em>Indexed DB</em> storage type in the storage tree of the <a href="/en-US/docs/Tools/Storage_Inspector">Storage Inspector</a>, a table lists the details of all the databases present for that origin.</p> + +<div class="blockIndicator note"> +<p><strong>Note</strong>: The data shown in an IndexedDB database is a snapshot of the data as it was when you opened the Storage Inspector tool.</p> +</div> + +<p>Databases have the following details:</p> + +<ul> + <li><em>Database Name</em> — The name of the database.</li> + <li><em>Storage</em> — The <a href="/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria#Different_types_of_data_storage">storage type</a> specified for the database.</li> + <li><em>Origin</em> — The origin of the database.</li> + <li><em>Version</em> — The database version.</li> + <li><em>Object Stores</em> — The number of object stores in the database.</li> +</ul> + +<p>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:</p> + +<ul> + <li><em>Object Store Name</em> — The name of the object store.</li> + <li><em>Key</em> — The {{domxref("IDBIndex.keyPath", "keyPath")}} property of the object store.</li> + <li><em>Auto Increment</em> — Is automatic incrementation of the keys enabled?</li> + <li><em>Indexes</em> — Array of indexes present in the object store as shown below.</li> +</ul> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16812/indexed_db_details.png" style="border: 1px solid black; display: block; height: 250px; margin-left: auto; margin-right: auto; width: 926px;"></p> + +<p>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.</p> + +<p>You can delete an IndexedDB database using the context menu in the storage tree:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16813/indexed_db_context_menu.png" style="border: 1px solid black; display: block; height: 249px; margin-left: auto; margin-right: auto; width: 924px;"></p> + +<p>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:<img alt="" src="https://mdn.mozillademos.org/files/16815/indexedDB_delete_warning.png" style="border: 1px solid black; display: block; height: 250px; margin: 0px auto; width: 926px;"></p> + +<p>You can use the context menu in the table widget to delete all items in an object store, or a particular item:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16814/indexed_db_table_widget_context.png" style="border: 1px solid black; display: block; height: 249px; margin-left: auto; margin-right: auto; width: 924px;"></p> diff --git a/files/de/tools/storage_inspector/local_storage_session_storage/index.html b/files/de/tools/storage_inspector/local_storage_session_storage/index.html new file mode 100644 index 0000000000..464345892a --- /dev/null +++ b/files/de/tools/storage_inspector/local_storage_session_storage/index.html @@ -0,0 +1,20 @@ +--- +title: Local Storage / Session Storage +slug: Tools/Storage_Inspector/Local_Storage_Session_Storage +translation_of: Tools/Storage_Inspector/Local_Storage_Session_Storage +--- +<div>{{ToolsSidebar}}</div> + +<p>When an origin corresponding to local storage or session storage is selected within the <a href="/en-US/docs/Tools/Storage_Inspector">Storage Inspector</a>, the names and values of all the items corresponding to local storage or session storage will be listed in a table.</p> + +<p>You can edit local and session storage items by double-clicking inside cells in the <a href="/en-US/docs/Tools/Storage_Inspector#Table_Widget">Table Widget</a> and editing the values they contain:</p> + +<p>{{EmbedYouTube("UKLgBBUi11c")}}</p> + +<p>You can delete local storage and session storage entries using the context menu:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16768/delete_storage_menu.png" style="border: 1px solid black; display: block; height: 270px; margin-left: auto; margin-right: auto; width: 914px;"></p> + +<p>You can also delete local and session storage entries by selecting an item and pressing the <kbd>Delete</kbd> or <kbd>Backspace</kbd> key.</p> + +<p>Finally, you can add new storage items by clicking the "Plus" (+) button and then editing the resulting new row to the value you want.</p> |
