Narzędzie: Test responsywności strony
Adres strony i widok
Podgląd strony
Szerokość ramki: 375 px CSS. To podgląd szerokości, nie emulacja urządzenia.
Jeśli podgląd jest szerszy niż ekran, przewiń go w poziomie. Możesz też ustawić fokus na ramce podglądu i użyć strzałek. Nie zmieniamy szerokości strony, by zmieścić ją na telefonie. Wysokość ramki to stałe 720 px; nie testujemy dotyku, silnika przeglądarki ani wydajności urządzenia.
Niektóre strony ustawiają nagłówki X-Frame-Options lub CSP, które blokują podgląd w iframe. Błąd lub pusta ramka nie oznacza, że strona nie działa. Otwórz ją w nowej karcie. Ustawiona szerokość nie potwierdza załadowania ani poprawności strony.
Ramka jest pusta. Wybierz „Pokaż podgląd”, aby załadować wpisany adres.
Instrukcja
Jak korzystać z narzędzia
Krok po kroku
- Wpisz pełny adres strony z http lub https i zatwierdź formularz.
- Przełącz szerokości i obejrzyj menu, nagłówek, formularze oraz tabele.
- Jeśli ramka jest pusta, otwórz stronę w nowej karcie przyciskiem obok.
Ograniczenia
Podgląd zmienia tylko szerokość okna, nie emuluje konkretnego urządzenia, ekranu dotykowego ani przeglądarki. Strona może zablokować osadzanie przez X-Frame-Options lub CSP. Narzędzie nie ocenia układu automatycznie i nie robi zrzutów.
Pytania i odpowiedzi
Dlaczego moja strona się nie wyświetla w podglądzie?
Serwer najpewniej wysyła nagłówek X-Frame-Options lub dyrektywę frame-ancestors w CSP, które blokują osadzanie w ramce na innej domenie. To zabezpieczenie przed clickjackingiem, a nie błąd responsywności. Otwórz stronę osobno i użyj trybu urządzenia w DevTools.
Czy ten test zastępuje sprawdzenie na prawdziwym telefonie?
Nie. Podgląd pokazuje, jak układ reaguje na szerokość, ale nie oddaje gęstości pikseli, dotyku, klawiatury ekranowej ani różnic Safari na iOS. Przed publikacją sprawdź kluczowe ścieżki, np. formularz i koszyk, na co najmniej jednym telefonie.
Wolisz zlecić poprawki?
Jeśli wynik pokazuje problem, którego nie chcesz poprawiać samodzielnie, pomożemy przy SEO, stronie internetowej lub automatyzacji.