Kontroler responsywności

Upewnij się, że Twoja witryna wygląda idealnie bez względu na to, z jakiego urządzenia korzystają odwiedzający Twoją witrynę!

Pobieranie Twojej witryny...

Zjadanie ciasteczek...

Generowanie podglądów...

Konfiguracja wszystkiego...

Prawie gotowe!!

Wybierz urządzenie

Ulubione urządzenia
Urządzenie mobilne
Tablet
Monitor
Rozmiar niestandardowy
Porównaj

Obrót

Zrób zrzut ekranu

Zapisz ustawienia Zapisano!

Wybierz urządzenie

Apple
- iPhone 8 / 7 375x667
- iPhone 8+ / 7 / 6S+ 414x736
- iPhone 11 / XS / X 375x812
- iPhone 11 Pro Max / XR 414x896
- iPhone SE 320x568
- iPhone 12 Mini 360x780
- iPhone 12 Pro / 12 390x844
- iPhone 12 Pro Max 360x780
Samsung
- Galaxy S21 Ultra 384x854
- Galaxy S21 / S20 FE 360x800
- Galaxy Note 20 Ultra 480x1029
- Galaxy S20 / S20+ 480x1067
- Galaxy Note 10 Plus 360x718
- Galaxy S10 / S9 / S8 360x740
- Galaxy Z Fold 2 884x1104
- Galaxy Fold 768x1076
Huawei
- P40 Pro+ / P40 Pro 400x880
- Mate 40 Pro 448x924
- P40 / P30/ Mate20 360x780
- P30 Pro 400x866
- Mate 30 Pro 392x800
- Mate 10 Pro 360x720
- P Smart 360x800
- Mate 20 X 540x1122
Oppo
- Find X2 Pro / X2 480x1056
- Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
- Reno 10x Zoom / Reno2Z 360x780
- F7 Youth/ A83 360x720
Xiaomi
- Mi 11 480x1066
- Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
- Mi 10 Pro / Mi Note 10 / K20 393x851
- Redmi Note 5 Pro 360x720
Google Pixel
- 5 / 4a 393x851
- 4 XL 412x869
- 4 393x830
- 3 XL 412x846
- 3a 393x808
- 2 / XL 412x732
OnePlus
- 9 Pro 412x919
- Nord / 9 / 8T 412x915
- 8 Pro 412x906
- 7T Pro / 6T 412x892
- 6 412x892

Wybierz nowe urządzenie

Obrót

Zrób zrzut ekranu

Zapisz ustawienia Zapisano!

Wybierz urządzenie

Apple
- iPad Air 4 / 10.9" 820x1180
- iPad Pro 10.2″ 810x1080
- iPad Pro 11″ 834x1194
- iPad Pro 12.9″ 1024x1366
- iPad 6 / Mini 5 768x1024
- iPad Pro 10.5″ / Air3 834x1112
Samsung
- Galaxy Tab S7 Plus 839x1194
- Galaxy Tab A7 10.4" / S6 Lite 800x1333
- Galaxy Tab S7/ S6 / A 10.1" 800x1280
- Galaxy Tab Active3 / A 8.4" 600x960
Amazon
- Fire HD 8 / 8+ 615x985
- Fire HD 10 800x1280
- Fire 7 500x853
Lenovo
- Tab P11 Pro 914x1463
- Tab P11 857x1428
- M10+ / Yoga Smart / Chromebook Duet 800x1280
- ThinkPad X12 Detachable 900x1600
- Tab M7 600x1024
- Tab M8 (FHD) 600x960
Other
- Microsoft Surface Pro 7 912x1368
- Microsoft Surface Go 2 853x1280
- Huawei MatePad 10.4 800x1333
- Huawei MediaPad M5 800x1280
- Google Pixel Slate 1000x1500

Wybierz nowe urządzenie

Obrót

Zrób zrzut ekranu

Zapisz ustawienia Zapisano!

Wybierz urządzenie

Desktop
- Laptop 1366x768
- Desktop 1920x1080
- Desktop 1536x864
- Desktop 1440x900
- Desktop 1280x720
- Desktop 1600x900
- Netbook 1024x768

Wybierz nowe urządzenie

Obrót

Zrób zrzut ekranu

Zapisz ustawienia Zapisano!

Szerokość

Wysokość

Wybierz nowe urządzenie

Obrót

Wybierz urządzenie

Urządzenie mobilne
- Apple
  - iPhone 8 / 7 375x667
  - iPhone 8+ / 7 / 6S+ 414x736
  - iPhone 11 / XS / X 375x812
  - iPhone 11 Pro Max / XR 414x896
  - iPhone SE 320x568
  - iPhone 12 Mini 360x780
  - iPhone 12 Pro / 12 390x844
  - iPhone 12 Pro Max 360x780
- Samsung
  - Galaxy S21 Ultra 384x854
  - Galaxy S21 / S20 FE 360x800
  - Galaxy Note 20 Ultra 480x1029
  - Galaxy S20 / S20+ 480x1067
  - Galaxy Note 10 Plus 360x718
  - Galaxy S10 / S9 / S8 360x740
  - Galaxy Z Fold 2 884x1104
  - Galaxy Fold 768x1076
- Huawei
  - P40 Pro+ / P40 Pro 400x880
  - Mate 40 Pro 448x924
  - P40 / P30/ Mate20 360x780
  - P30 Pro 400x866
  - Mate 30 Pro 392x800
  - Mate 10 Pro 360x720
  - P Smart 360x800
  - Mate 20 X 540x1122
- Oppo
  - Find X2 Pro / X2 480x1056
  - Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
  - Reno 10x Zoom / Reno2Z 360x780
  - F7 Youth/ A83 360x720
- Xiaomi
  - Mi 11 480x1066
  - Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
  - Mi 10 Pro / Mi Note 10 / K20 393x851
  - Redmi Note 5 Pro 360x720
- Google Pixel
  - 5 / 4a 393x851
  - 4 XL 412x869
  - 4 393x830
  - 3 XL 412x846
  - 3a 393x808
  - 2 / XL 412x732
- OnePlus
  - 9 Pro 412x919
  - Nord / 9 / 8T 412x915
  - 8 Pro 412x906
  - 7T Pro / 6T 412x892
  - 6 412x892
Tablet
- Apple
  - iPad Air 4 / 10.9" 820x1180
  - iPad Pro 10.2″ 810x1080
  - iPad Pro 11″ 834x1194
  - iPad Pro 12.9″ 1024x1366
  - iPad 6 / Mini 5 768x1024
  - iPad Pro 10.5″ / Air3 834x1112
- Samsung
  - Galaxy Tab S7 Plus 839x1194
  - Galaxy Tab A7 10.4" / S6 Lite 800x1333
  - Galaxy Tab S7/ S6 / A 10.1" 800x1280
  - Galaxy Tab Active3 / A 8.4" 600x960
- Amazon
  - Fire HD 8 / 8+ 615x985
  - Fire HD 10 800x1280
  - Fire 7 500x853
- Lenovo
  - Tab P11 Pro 914x1463
  - Tab P11 857x1428
  - M10+ / Yoga Smart / Chromebook Duet 800x1280
  - ThinkPad X12 Detachable 900x1600
  - Tab M7 600x1024
  - Tab M8 (FHD) 600x960
- Other
  - Microsoft Surface Pro 7 912x1368
  - Microsoft Surface Go 2 853x1280
  - Huawei MatePad 10.4 800x1333
  - Huawei MediaPad M5 800x1280
  - Google Pixel Slate 1000x1500
Monitor
- Desktop
  - Laptop 1366x768
  - Desktop 1920x1080
  - Desktop 1536x864
  - Desktop 1440x900
  - Desktop 1280x720
  - Desktop 1600x900
  - Netbook 1024x768

Wybierz nowe urządzenie do porównania

Obrót

Wybierz urządzenie

Urządzenie mobilne
- Apple
  - iPhone 8 / 7 375x667
  - iPhone 8+ / 7 / 6S+ 414x736
  - iPhone 11 / XS / X 375x812
  - iPhone 11 Pro Max / XR 414x896
  - iPhone SE 320x568
  - iPhone 12 Mini 360x780
  - iPhone 12 Pro / 12 390x844
  - iPhone 12 Pro Max 360x780
- Samsung
  - Galaxy S21 Ultra 384x854
  - Galaxy S21 / S20 FE 360x800
  - Galaxy Note 20 Ultra 480x1029
  - Galaxy S20 / S20+ 480x1067
  - Galaxy Note 10 Plus 360x718
  - Galaxy S10 / S9 / S8 360x740
  - Galaxy Z Fold 2 884x1104
  - Galaxy Fold 768x1076
- Huawei
  - P40 Pro+ / P40 Pro 400x880
  - Mate 40 Pro 448x924
  - P40 / P30/ Mate20 360x780
  - P30 Pro 400x866
  - Mate 30 Pro 392x800
  - Mate 10 Pro 360x720
  - P Smart 360x800
  - Mate 20 X 540x1122
- Oppo
  - Find X2 Pro / X2 480x1056
  - Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
  - Reno 10x Zoom / Reno2Z 360x780
  - F7 Youth/ A83 360x720
- Xiaomi
  - Mi 11 480x1066
  - Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
  - Mi 10 Pro / Mi Note 10 / K20 393x851
  - Redmi Note 5 Pro 360x720
- Google Pixel
  - 5 / 4a 393x851
  - 4 XL 412x869
  - 4 393x830
  - 3 XL 412x846
  - 3a 393x808
  - 2 / XL 412x732
- OnePlus
  - 9 Pro 412x919
  - Nord / 9 / 8T 412x915
  - 8 Pro 412x906
  - 7T Pro / 6T 412x892
  - 6 412x892
Tablet
- Apple
  - iPad Air 4 / 10.9" 820x1180
  - iPad Pro 10.2″ 810x1080
  - iPad Pro 11″ 834x1194
  - iPad Pro 12.9″ 1024x1366
  - iPad 6 / Mini 5 768x1024
  - iPad Pro 10.5″ / Air3 834x1112
- Samsung
  - Galaxy Tab S7 Plus 839x1194
  - Galaxy Tab A7 10.4" / S6 Lite 800x1333
  - Galaxy Tab S7/ S6 / A 10.1" 800x1280
  - Galaxy Tab Active3 / A 8.4" 600x960
- Amazon
  - Fire HD 8 / 8+ 615x985
  - Fire HD 10 800x1280
  - Fire 7 500x853
- Lenovo
  - Tab P11 Pro 914x1463
  - Tab P11 857x1428
  - M10+ / Yoga Smart / Chromebook Duet 800x1280
  - ThinkPad X12 Detachable 900x1600
  - Tab M7 600x1024
  - Tab M8 (FHD) 600x960
- Other
  - Microsoft Surface Pro 7 912x1368
  - Microsoft Surface Go 2 853x1280
  - Huawei MatePad 10.4 800x1333
  - Huawei MediaPad M5 800x1280
  - Google Pixel Slate 1000x1500
Monitor
- Desktop
  - Laptop 1366x768
  - Desktop 1920x1080
  - Desktop 1536x864
  - Desktop 1440x900
  - Desktop 1280x720
  - Desktop 1600x900
  - Netbook 1024x768

Wybierz nowe urządzenie do porównania

Przetestuj responsywność swojej witryny w 3 prostych krokach

Natychmiast wyświetlaj podgląd swojej witryny na telefonie komórkowym, tablecie, komputerze i w niestandardowych rozdzielczościach, aby upewnić się, że wygląda dobrze na wszystkich urządzeniach.

1 Wprowadź swój adres URL

Wprowadź adres internetowy (URL) witryny, którą chcesz przetestować.

2 Wybierz urządzenie

Wybierz urządzenie, którego chcesz użyć do podglądu swojej witryny. Dla każdego urządzenia zobaczysz listę najpopularniejszych marek i modeli. Wybierz jedną lub więcej z tych opcji, aby wyświetlić podgląd swojej witryny na konkretnych urządzeniach, na których najbardziej Ci zależy.

3 Porównaj podglądy

Porównaj podglądy swojej witryny na różnych urządzeniach obok siebie. Jeśli chcesz dowiedzieć się więcej o wydajności Twojej witryny na każdym urządzeniu, wszystkie niezbędne dane znajdziesz w Web Vitals.

Najczęściej zadawane pytania

Czym jest responsywność mobilna?

Responsywna mobilna witryna została zaprojektowana tak, aby automatycznie dostosowywać się do różnych urządzeń mobilnych, tabletów i komputerów stacjonarnych. Nawet ekrany, które wydają się mieć ten sam rozmiar, mogą mieć różne rozdzielczości i to właśnie do rozdzielczości ekranu (a nie fizycznego rozmiaru ekranu) muszą się dostosować mobilne strony internetowe.Na przykład iPady mogą mieć ten sam rozmiar fizyczny, ale mogą mieć nieco inne rozdzielczości ekranu w zależności od generacji i tego, czy urządzenie ma ekran „retina”. Responsywna witryna mobilna będzie dobrze wyglądać na wszystkich urządzeniach i rozdzielczościach.

Co to jest narzędzie Kontroler responsywności (Responsive Checker)?

To narzędzie umożliwia podgląd witryny na różnych urządzeniach, w tym na popularnych urządzeniach mobilnych i tabletach, a także w niestandardowych rozdzielczościach.

Jak działa Kontroler responsywności?

Po prostu wpisz adres URL swojej witryny w Responsive Checker, a narzędzie zajmie się resztą. Aby wygenerować podgląd, możesz wybrać preferowane urządzenie z listy popularnych opcji – w tym iPhone X, iPhone 8, iPad, Samsung Galaxy S7, Kindle Fire i 14-calowy notebook. Możesz też kliknąć „Wszystkie urządzenia”, aby wybrać różne rozdzielczości telefonu komórkowego, tabletu i komputera stacjonarnego. Jest darmowy i nie ma ukrytych kosztów.

Dlaczego testowanie responsywności projektu mojej witryny jest ważne?

Przez większość czasu będziesz budować swoją witrynę (lub zostanie zbudowana dla Ciebie) na urządzeniu wielkości komputera stacjonarnego, ale ponad 50% przeglądania Internetu faktycznie odbywa się na urządzeniach mobilnych lub tabletach. Ponieważ urządzenia te mają mniejsze rozdzielczości ekranu, musisz upewnić się, że Twoja witryna będzie łatwa do przeglądania i nawigacji dla odwiedzających ją osób, które korzystają z telefonu komórkowego/tabletu.Problemy, takie jak mały tekst, pola/ramki, które są tylko częściowo widoczne lub strony, które wymagają częstego szczypania i powiększania, aby wyświetlić szczegóły, szybko zniechęcą odwiedzających. Nawet jeśli kreator stron internetowych lub motyw WordPress, którego używasz, twierdzi, że jest „zoptymalizowany pod kątem urządzeń mobilnych” lub jest responsywny, nadal powinieneś sprawdzić, aby mieć pewność!

Wypróbuj nasz darmowy test responsywności strony

74942

Podoba Ci się to narzędzie? Oceń!

4.7 (Na podstawie głosów 1421 użytkowników)

Już głosowałeś! Cofnij

Aby je ocenić, musisz użyć tego narzędzia