Pomoc i poradniki ›
Zaawansowane monitory
› Monitoring przeglądarki (prawdziwa przeglądarka)
Monitoring przeglądarki (prawdziwa przeglądarka)
3 min czytania · Zaawansowane monitory
Browser monitoring wczytuje Twoją stronę w prawdziwej przeglądarce (Chromium) dokładnie tak, jak widzi ją odwiedzający - wraz z uruchomieniem JavaScriptu. Wychwytuje problemy, których zwykła kontrola HTTP nie widzi: strona zwraca 200, ale z powodu błędu w skrypcie treść w ogóle się nie renderuje.
Kiedy go używać
- SPA i strony zależne od JavaScriptu (React, Vue, Angular), gdzie samo HTML nie wystarcza.
- Strony, na których kluczowa treść dochodzi dopiero po wczytaniu (dashboardy, e-sklepy, systemy rezerwacyjne).
- Gdy chcesz mieć pewność, że strona naprawdę się wyświetli, a nie tylko że serwer odpowie.
Jak utworzyć monitor browser
- W Nowy monitor wybierz typ Browser.
- Wpisz URL strony, którą chcesz śledzić.
- Zapisz. Przy każdej kontroli otworzymy stronę w Chromium, poczekamy na wyrenderowanie i ocenimy wynik. Z przebiegu zapisujemy też zrzut ekranu, który znajdziesz w szczegółach monitora.
Dostępność i interwał
- Browser monitoring jest częścią planu Business (oraz okresu próbnego).
- Ponieważ uruchomienie całej przeglądarki jest bardziej wymagające niż żądanie HTTP, najkrótszy interwał to 30 minut. Do szybszych kontroli dostępności użyj obok tego zwykłego monitora HTTP.
Różnica wobec regresji wizualnej
Obie używają prawdziwej przeglądarki, ale rozwiązują różne rzeczy:
- Monitor browser odpowiada na pytanie „czy strona wczytuje się poprawnie?" - śledzi dostępność i renderowanie.
- Regresja wizualna porównuje zrzuty ekranu w czasie i ostrzega, gdy wygląd strony zmieni się nieoczekiwanie.
Wskazówka: na tej samej stronie wdróż monitor HTTP (szybka 1-minutowa kontrola dostępności) oraz monitor browser (kontrola rzeczywistego renderowania co 30 minut). Razem pokryją zarówno „serwer działa", jak i „strona naprawdę się wyświetla".
Czy ten poradnik był pomocny?