Output Console / Network — nowe filtry domen i suwaki wykładnicze
Zakładka Network w Output Console przeszła w maju 2026 najpoważniejszą przebudowę od czasu jej powstania. Nowe pola filtrów domen z obsługą wielu wpisów na raz, Alt-klik do szybkiego dodawania, suwaki wielkości i czasu wreszcie z drobną granulacją u dołu skali, regulowane kolumny DataLayer, czytelniejsze długie URL-e. Oto pełen przegląd zmian z v2.13.193–v2.13.205.
Filtry „Domeny+" i „Domeny-" — wiele domen na raz (v2.13.199)
Dawne pole filtra domeny brało jedną wartość. W praktyce monitorujesz kilka serwisów naraz — analytics + obrazki + API. Teraz są dwa pola obok siebie w rzędzie ze statusami:
- „Domeny+" — lista domen, które chcesz widzieć. Wpis przechodzi, gdy zawiera którąkolwiek z nich.
- „Domeny-" — lista domen do wykluczenia. Wpis pasujący do którejkolwiek znika.
W obu polach wpisujesz wiele domen oddzielonych pionową kreską |, np. wp.pl|onet.pl|interia.pl. Filtr stosuje się od razu, bez zatwierdzania.
Alt+klik — szybkie dodawanie domeny z wiersza Network (v2.13.200)
Zamiast wpisywać domenę ręcznie, klikasz wiersz Network z modyfikatorem:
- Alt+klik — dodaje (lub usuwa) domenę wpisu do pola „Domeny+".
- Alt+Shift+klik — dodaje (lub usuwa) domenę do pola „Domeny-".
Pierwsza wersja skrótu była pod Ctrl (v2.13.199), ale Ctrl+klik na macOS jest systemowo przechwytywany jako menu kontekstowe — kliknięcie nie docierało do listenera. Alt+klik działa identycznie na Windows, Linux i macOS i nie koliduje z natywnymi skrótami żadnego z nich. Skrót działa jak toggle: kolejne Alt+klik na tej samej domenie ją usuwa z filtra.
Suwaki wielkości i czasu — skala wykładnicza + pola input (v2.13.198)
Stara wersja suwaków miała skalę liniową, więc jeden krok lewego suwaka to było ~16 kB albo ~1000 ms — przy ruszeniu od zera od razu odpadała połowa wpisów. Teraz mamy:
- Skalę wykładniczą (krzywa
^3) — dolna część toru pokrywa małe wartości z drobną granulacją (pojedyncze kB / ms za krok), górna obejmuje duże zakresy. To, co Cię interesuje (małe odpowiedzi, szybkie żądania), masz pod palcem. - Minimalny odstęp kciuków zredukowany — zsunięcie suwaków przy dole skali daje znikomy zakres zamiast np. „0–112 kB".
- Pola input po obu stronach toru — wpisujesz min i max ręcznie (w kB / ms). Pola i suwak są zsynchronizowane: ruszysz suwakiem, zmieniają się wartości w polach; wpiszesz wartość, suwak skacze.
Wpisy bez rozmiaru — gdy filtr jest ruszony, znikają (v2.13.197)
Część odpowiedzi Network nie ma nagłówka content-length (np. streaming, chunked). Wcześniej takie wpisy ignorowały filtr wielkości i pokazywały się zawsze, co dziwnie wyglądało po przesunięciu suwaka („chyba odfiltrowałem, ale ta jedna ciągle wisi"). Teraz: ruszony suwak wielkości ukrywa też wpisy bez podanego rozmiaru. Zachowanie domyślne (suwak w pełnym zakresie) bez zmian.
Skracanie długich URL — tylko w zwiniętym wierszu (v2.13.195)
Długi query string potrafił zająć całe okno Network. Teraz w zwiniętym wierszu Network (zakładki Network i All) URL jest skracany do 255 znaków. Po rozwinięciu strzałką (▸/▾) widzisz pełny URL bez skracania — szczegóły zawsze kompletne. Łamanie linii w każdym miejscu (długie tokeny, URL-e) sprawia, że nic już nie wychodzi poza ramki okna.
Regulowane kolumny DataLayer + spójna czcionka (v2.13.194 + v2.13.196)
Zakładka DataLayer ma dwie kolumny: „Nowe pushe" i „Stan window.dataLayer". Środkowa linia między nimi to divider, który można przeciągać — proporcja jest utrzymywana w sesji per okno Output. Proces ciągłej odbudowy listy migawek strony nie odłącza już kolumn w trakcie drag (przebudowa wstrzymana w trakcie przeciągania).
Drugą drobną poprawką była czcionka prawego panelu DataLayer: drzewo window.dataLayer dziedziczy teraz rozmiar czcionki panelu Output Console (wcześniej reguła !important blokowała zmianę).
Use case 1 — analiza wydajności tylko żądań krytycznych
Wchodzisz na stronę klienta, chcesz zobaczyć tylko żądania krytyczne — bez tracking pixeli i obrazków. „Domeny-" dostaje google-analytics.com|googletagmanager.com|hotjar.com|facebook.net, suwak czasu schodzi do 500 ms, suwak wielkości schodzi do 50 kB. Zostają Ci tylko najwolniejsze, najcięższe żądania i pewnie wiesz, którego dotyczy reklamacja.
Use case 2 — debug tracking — tylko swoje analytics
Odwrotny scenariusz: chcesz tylko żądania trackingu. „Domeny+" = google-analytics.com|googletagmanager.com|datalayer.allegro.tech. Reszta Network znika z widoku, dataLayer obok pokazuje aktualny stan. Licznik wpisów w zakładce nadal pokazuje, ile w ogóle żądań poleciało, więc widzisz, jaką częścią ruchu jest tracking.
Zobacz też
- Output Console — okno, w którym żyje zakładka Network
- Skróty klawiaturowe JustZix — kompletna ściąga — w tym Alt+klik / Alt+Shift+klik
- Okna na froncie — okna deweloperskie wewnątrz strony
Zainstaluj JustZix — i miej DevTools-grade Network monitor na każdej karcie.
Oceń ten wpis
Brak ocen — oceń jako pierwszy.