Tester dostosowania do urządzeń mobilnych

Free, no signup. Run this tool's seven weighted mobile-layout checks and get a 0–100 diagnostic score, plus a phone-viewport preview as separate supporting evidence.

Built by Patrick Stox

Free, no sign-up. The analysis reads your HTML the way a mobile browser would; the screenshot renders in headless Chrome on a 390×844 iPhone-sized viewport.

Kontrole są uruchamiane na naszym serwerze; pobieramy podany adres URL i nie przechowujemy wyników. Results are kept in a short-lived cache, not stored long-term. Anonymous aggregate stats feed our research posts; domains are counted once via an anonymized hash and never stored in the clear. Anonimowe liczniki wyników poszczególnych uruchomień mogą być wykorzystywane do badań zbiorczych; adresy URL, domeny, adresy IP i identyfikatory nigdy nie są uwzględniane, a statystyki nie są publikowane poniżej 100 uruchomień.

Opinia

What the score is made of

Mobile-friendly scoring thresholds
Check	Threshold / points	What this free pass can confirm
Viewport	30 points	width=device-width and zoom accessibility
Responsive CSS	20 points	@media rules in inspected CSS
Fixed widths	15 points · >400px warning	Markup-level width attributes and inline styles
Font sizes	10 points · <12px warning	CSS declarations and legacy font tags
Tap targets / horizontal overflow	Needs a rendered layout pass	Not claimed by this free HTML score

Source: Tool scoring contract · Updated: July 2026

Viewport is 30 points

Without width=device-width, phones render your page at ~980px and shrink it to fit — every other mobile problem starts here. Disabling zoom costs points too: it’s an accessibility failure.

Layout checks

Responsive CSS (@media rules, including in external stylesheets), hard-coded widths over 400px, and sub-12px font sizes — the three classic ways a desktop layout breaks on a phone.

Delivery checks

Responsive images (srcset/<picture>), HTML page weight on mobile networks, and leftover <object>/<embed> plugin content that mobile browsers won’t run.

O tym narzędziu

Sprawdź rzeczywistą stronę pod kątem siedmiu podstawowych sygnałów dostosowania do urządzeń mobilnych: viewport, responsywny CSS, stałe szerokości, rozmiar fontu, obrazy, rozmiar HTML i niezgodne wtyczki. Raport zawiera osobny podgląd w widoku telefonu.

Funkcje

Wynik od 0 do 100 z oddzielnymi ustaleniami dla viewportu, responsywności, stałych szerokości i typografii.
Kontrole obrazów, rozmiaru strony i zawartości niezgodnych wtyczek.
Zrzut widoku 390×844 umożliwiający porównanie układu mobilnego z analizowaną stroną.
Zalecenia techniczne bezpośrednio powiązane z każdym ustaleniem oraz eksport raportu.

Jak to działa

Serwer pobiera podany adres URL, analizuje sygnały mobilne w HTML i oblicza ważony wynik. Każda kontrola otrzymuje ważność oraz dowód, a podgląd viewportu jest ładowany osobno, aby wizualnie sprawdzić układ.

Ograniczenia

Kontrola pobiera publiczną stronę i analizuje HTML do limitu bajtów; nie odtwarza wszystkich ścieżek dostępnych po zalogowaniu.
Wynik nie zastępuje testu na rzeczywistych urządzeniach ani analizy danych terenowych Core Web Vitals.
Zasoby ładowane po interakcji, warianty regionalne i blokady mogą zmienić obserwowany układ.

Częste pytania

Google wycofał badanie dostosowania do urządzeń mobilnych — czy to jego zamiennik?

Google usunął samodzielne badanie i raport użyteczności mobilnej w Search Console pod koniec 2023 r. Narzędzie stosuje własny siedmioczęściowy schemat diagnostyczny. Kontrole są heurystykami produktu do wykrywania prawdopodobnych problemów układu, a nie kryteriami Google ani zamiennikiem badań na prawdziwych urządzeniach.

Czy badanie renderuje JavaScript?

Wynik 0–100 pochodzi ze statycznej analizy HTML i maksymalnie czterech arkuszy stylów, więc JavaScript nie jest wykonywany. Zrzut telefonu to pomocniczy podgląd z automatycznej przeglądarki, lecz nadal obejmuje tylko jeden rozmiar ekranu i jedno środowisko. Rozbieżności powinny skłonić do sprawdzenia strony na reprezentatywnych urządzeniach.

Dlaczego straciłem 30 punktów za konfigurację obszaru roboczego?

Ta kontrola jest warta 30 punktów, bo zależy od niej całe zachowanie mobilne. Bez odpowiedniego znacznika meta telefon renderuje stronę szeroką na około 980px i ją pomniejsza. Należy dodać w sekcji nagłówkowej znacznik dopasowujący szerokość do urządzenia i ustawiający skalę początkową na 1. Wyłączenie powiększania zachowuje większość punktów, ale tworzy ostrzeżenie dotyczące dostępności.

Co jest elementem o stałej szerokości?

Kontrola dopasowania treści do ekranu oznacza składnik o sztywnej szerokości ponad 400px, ustawionej w stylu lub atrybucie szerokości. Takie składniki często wykraczają poza ekran. Jeden lub dwa powodują ostrzeżenie, a trzy lub więcej — błąd. Użyj maksymalnej szerokości zapisanej procentowo lub w jednostkach względnych.

Zrzut jest niedostępny, ale otrzymałem wynik — czy to błąd?

Nie. Wynik i siedem kontroli pochodzą z bezpłatnej analizy HTML wykonywanej najpierw. Zrzut jest osobnym, limitowanym renderowaniem, które może zostać pominięte po osiągnięciu limitu kosztu, przy zajętym mechanizmie renderującym lub blokadzie przeglądarek automatycznych. Wynik nie zależy od zrzutu.

Typowe problemy i sposoby ich naprawy

Błąd Znacznik meta obszaru wyświetlania jest brakujący lub nieprawidłowy Poprawka: Dodaj prawidłowy znacznik meta obszaru wyświetlania z width=device-width do początkowej sekcji head kodu HTML.
Ostrzeżenie Brakuje sygnałów responsywnego CSS Poprawka: Dodaj responsywne punkty przerwania CSS, które dostosowują układ i typografię do wąskich obszarów wyświetlania.
Błąd Treść o stałej szerokości przekracza obszar wyświetlania Poprawka: Zastąp stałe szerokości psujące obszar wyświetlania płynnym max-width, wartościami procentowymi albo rozmiarem opartym na `grid` lub `flex`.
Ostrzeżenie Tekst jest zbyt mały do czytania na urządzeniu mobilnym Poprawka: Zwiększ podstawowy rozmiar tekstu na urządzeniach mobilnych do czytelnej wartości i unikaj istotnego tekstu poniżej 12 pikseli CSS.
Ostrzeżenie Obrazy nie są skalowane responsywnie Poprawka: Ogranicz obrazy za pomocą max-width:100% oraz height:auto i w razie potrzeby podaj responsywne źródła.
Ostrzeżenie Rozmiar strony HTML jest duży Poprawka: Usuń zbędny ładunek osadzony w kodzie, skompresuj zasoby i odrocz zasoby niekrytyczne, aby zmniejszyć koszt transferu mobilnego.
Błąd Występuje treść niezgodnej wtyczki Poprawka: Zastąp Flash, aplety Java lub inną nieobsługiwaną treść wtyczek natywnymi rozwiązaniami HTML, CSS i JavaScript.