Test responsywności

18 presetów · max 4 iframe · darmowy audyt w przeglądarce

Max 4 urządzenia Audyt DOM
Urządzenia 4/4 aktywne

Canvas czeka na URL

Wybierz do 4 urządzeń, wpisz adres i kliknij Podgląd. Pełna szerokość ekranu — zoom i przewijanie dopasowują widok.

/ O narzędziu

Dlaczego nie wystarczy DevTools mobile mode?

DevTools w trybie mobile pokazuje JEDEN viewport naraz. Sprawdzenie 18 popularnych telefonów, tabletów i desktopów zajmuje 15–20 minut przełączania.

Wybierasz maks. 4 urządzenia — każde to iframe w logicznej szerokości viewportu. Canvas na pełną szerokość ekranu; zoomem dopasowujesz podgląd, przewijaniem — szczegóły.

Przycisk Audyt uruchamia heurystyki w Twojej przeglądarce: poziomy scroll, viewport meta, wystające bloki, obrazy, touch targety i mały tekst — bez wysyłania raportu na serwer.

Limit chroni audytowaną stronę przed dziesiątkami równoległych żądań. Gdy strona blokuje iframe (X-Frame-Options / CSP), podgląd idzie przez proxy CometWeb.

/ Słownik

Najczęstsze breakpointy

320–430

Mobile portrait

iPhone SE do iPhone 14 Pro Max. Najmniejszy popularny viewport — 320px. Powinno wszystko wyglądać w pionie.

744–1024

Tablet

iPad Mini (744) do iPad Pro 13 (1024). Najczęściej tu pęka layout dwukolumnowy zaprojektowany pod desktop.

1280–1920

Laptop & Desktop

Najszerszy zakres. Pamiętaj o 1280px (laptop 13') i 1366px (popularny budget laptop) — często zapominane na rzecz 1920 FHD.

2560+

Ultra-wide / QHD

Powyżej 2K. Zwykle wystarczy max-width: 1440px, aby treść nie rozciągała się dziwnie. Sprawdź, czy hero wygląda dobrze.

/ FAQ

Najczęściej zadawane pytania

Każde urządzenie to osobne żądanie do audytowanej strony. Limit 4 chroni serwer docelowy i utrzymuje sensowną wydajność podglądu. Możesz wymieniać urządzenia z listy 18 presetów.