Output Console / Network — neue Domänenfilter und exponentielle Schieberegler
Der Network-Tab in der Output Console hat im Mai 2026 seine größte Überarbeitung seit der Veröffentlichung durchlaufen. Neue Domänenfilterfelder, die viele Einträge auf einmal aufnehmen, Alt-Klick zum sofortigen Hinzufügen, Größen- und Zeit-Schieberegler mit endlich feiner Granularität am unteren Ende, anpassbare DataLayer-Spalten, besser lesbare lange URLs. Hier ist ein vollständiger Rundgang durch die Änderungen von v2.13.193–v2.13.205.
„Domänen+" und „Domänen-" — viele Domänen auf einmal (v2.13.199)
Der alte Domänenfilter nahm einen einzigen Wert auf. In der Praxis überwachen Sie mehrere Dienste gleichzeitig — Analytics + Bilder + eine API. Jetzt gibt es zwei Felder nebeneinander in der Statuszeile:
- „Domänen+" — eine Liste von Domänen, die Sie sehen möchten. Ein Eintrag passiert, wenn er zu einer von ihnen passt.
- „Domänen-" — eine Liste von Domänen, die ausgeschlossen werden sollen. Ein Eintrag, der zu einer von ihnen passt, verschwindet.
In beiden Feldern geben Sie viele Domänen getrennt durch einen senkrechten Strich | ein, z. B. cdn.example.com|api.example.com|images.example.com. Der Filter wird live angewendet, ohne Bestätigung.
Alt+Klick — eine Domäne direkt aus einer Network-Zeile hinzufügen (v2.13.200)
Statt die Domäne von Hand einzutippen, klicken Sie eine Network-Zeile mit einem Modifikator:
- Alt+Klick — fügt die Domäne des Eintrags dem Feld „Domänen+" hinzu (oder entfernt sie).
- Alt+Umschalt+Klick — fügt die Domäne dem Feld „Domänen-" hinzu (oder entfernt sie).
Die erste Version des Kürzels lag auf Ctrl (v2.13.199), aber Ctrl+Klick wird unter macOS vom Betriebssystem als Kontextmenü abgefangen — der Klick erreichte den Listener nie. Alt+Klick funktioniert identisch unter Windows, Linux und macOS und kollidiert mit keinem ihrer nativen Kürzel. Das Kürzel wirkt als Umschalter: ein weiterer Alt+Klick auf dieselbe Domäne entfernt sie wieder.
Größen- und Zeit-Schieberegler — exponentielle Skala + Eingabefelder (v2.13.198)
Die alten Schieberegler waren linear, also entsprach ein Schritt des linken Reglers ~16 kB oder ~1000 ms — schon das Bewegen vom Nullpunkt schnitt die Hälfte der Einträge ab. Jetzt erhalten Sie:
- Eine exponentielle Skala (eine
^3-Kurve) — der untere Teil der Spur deckt kleine Werte mit feiner Granularität ab (einzelne kB / ms pro Schritt), der obere Teil deckt weite Bereiche ab. Das, was Sie üblicherweise interessiert (kleine Antworten, schnelle Anfragen), liegt direkt unter Ihrem Finger. - Einen kleineren Mindestabstand der Regler — wenn Sie die Regler nahe dem unteren Ende der Skala zusammenziehen, ergibt sich ein winziger Bereich statt z. B. „0–112 kB".
- Eingabefelder an beiden Seiten der Spur — Sie geben Min und Max manuell ein (in kB / ms). Feld und Schieberegler sind synchronisiert: Bewegen Sie den Regler, aktualisieren sich die Felder; geben Sie einen Wert ein, springt der Regler.
Einträge ohne Größe — versteckt, sobald Sie den Filter bewegen (v2.13.197)
Einige Network-Antworten haben keinen content-length-Header (Streaming, Chunked). Bisher ignorierten solche Einträge den Größenfilter und wurden immer angezeigt, was nach dem Bewegen des Reglers seltsam aussah („ich glaube, ich habe es ausgefiltert, aber dieser eine hängt noch herum"). Jetzt: Ein bewegter Größenregler versteckt auch Einträge ohne angegebene Größe. Das Standardverhalten (Regler im vollen Bereich) bleibt unverändert.
Kürzung langer URLs — nur in der eingeklappten Zeile (v2.13.195)
Ein langer Query-String konnte das gesamte Network-Fenster einnehmen. Jetzt wird die URL in der eingeklappten Zeile (Tabs Network und All) auf 255 Zeichen gekürzt. Mit dem Pfeil (▸/▾) ausklappen, und Sie sehen die vollständige URL ohne Kürzung — Details immer vollständig. Zeilenumbrüche an beliebigen Stellen (lange Tokens, URLs) verhindern, dass etwas über die Fensterränder hinausläuft.
Anpassbare DataLayer-Spalten + konsistente Schrift (v2.13.194 + v2.13.196)
Der DataLayer-Tab hat zwei Spalten: „Neue Pushes" und „window.dataLayer-Snapshot". Die mittlere Linie zwischen ihnen ist jetzt ein ziehbarer Trenner — das Verhältnis wird für die Sitzung pro Output-Fenster beibehalten. Der kontinuierliche Wiederaufbau der Seiten-Snapshot-Liste löst die Spalten während des Ziehens nicht mehr ab (der Wiederaufbau ist während des Ziehens pausiert).
Die andere kleine Korrektur betraf die Schrift des rechten DataLayer-Panels: Der window.dataLayer-Baum erbt jetzt die Schriftgröße des Output-Console-Panels (eine frühere !important-Regel blockierte die Änderung).
Anwendungsfall 1 — Performance-Triage nur kritischer Anfragen
Sie landen auf einer Kundenseite und möchten nur die kritischen Anfragen sehen — keine Tracking-Pixel, keine Bilder. „Domänen-" erhält google-analytics.com|googletagmanager.com|hotjar.com|facebook.net; der Zeitregler sinkt auf 500 ms, der Größenregler sinkt auf 50 kB. Sie behalten nur die langsamsten, schwersten Anfragen und wissen meist, worum es bei der Beschwerde geht.
Anwendungsfall 2 — Tracking-Debug, nur Ihre Analytics
Das umgekehrte Szenario: Sie wollen nur Tracking-Anfragen. „Domänen+" = google-analytics.com|googletagmanager.com|cloudflareinsights.com. Alles andere in Network fällt aus dem Blickfeld, der dataLayer-Bereich daneben zeigt den aktuellen Zustand. Der Tab-Zähler zeigt weiterhin, wie viele Anfragen insgesamt abgefeuert wurden, sodass Sie sehen können, welcher Anteil des Traffics Tracking ist.
Siehe auch
- Output Console — das Fenster, in dem der Network-Tab lebt
- JustZix-Tastenkürzel — der vollständige Spickzettel — einschließlich Alt+Klick / Alt+Umschalt+Klick
- Fenster auf der Seite — Entwicklerfenster innerhalb der Seite
JustZix installieren — und haben Sie einen Network-Monitor in DevTools-Qualität in jedem Tab.
Bewerte diesen Beitrag
Noch keine Bewertungen — sei der Erste.