Kontroler projektów responsywnych: darmowy, telefony i tablety
Upewnij się, że Twoja witryna wygląda idealnie bez względu na to, z jakiego urządzenia korzystają odwiedzający Twoją witrynę!
-
Ulubione urządzenia
- Nie dodano jeszcze ulubionych
- Urządzenie mobilne
- Tablet
- Monitor
- Rozmiar niestandardowy
- Porównaj
Zrobiono zrzut ekranu
Czy chcesz go pobrać?
-
Apple
- iPhone 13 mini 360x780
- iPhone 14 / 13 / 13 Pro 390x844
- iPhone 14 Plus / 13 Pro Max 428x926
- iPhone 15 Pro / 15 / 14 Pro 393x852
- iPhone 14 Pro Max / 15 Plus / 15 Pro Max 430x932
- 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 S22 Ultra / S23 Ultra 360x772
- Galaxy S22 / S23 / S23+ 360x780
- 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
- Note 7/8/8 Pro/9 393x851
- 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
-
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
-
Desktop
- Laptop 1366x768
- Desktop 1920x1080
- Desktop 1536x864
- Desktop 1440x900
- Desktop 1280x720
- Desktop 1600x900
- Netbook 1024x768
- Wybierz urządzenie
-
Urządzenie mobilne
-
Apple
- iPhone 13 mini 360x780
- iPhone 14 / 13 / 13 Pro 390x844
- iPhone 14 Plus / 13 Pro Max 428x926
- iPhone 15 Pro / 15 / 14 Pro 393x852
- iPhone 14 Pro Max / 15 Plus / 15 Pro Max 430x932
- 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 S22 Ultra / S23 Ultra 360x772
- Galaxy S22 / S23 / S23+ 360x780
- 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
- Note 7/8/8 Pro/9 393x851
- 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
-
Apple
-
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
-
Apple
-
Monitor
-
Desktop
- Laptop 1366x768
- Desktop 1920x1080
- Desktop 1536x864
- Desktop 1440x900
- Desktop 1280x720
- Desktop 1600x900
- Netbook 1024x768
-
Desktop
- Wybierz urządzenie
-
Urządzenie mobilne
-
Apple
- iPhone 13 mini 360x780
- iPhone 14 / 13 / 13 Pro 390x844
- iPhone 14 Plus / 13 Pro Max 428x926
- iPhone 15 Pro / 15 / 14 Pro 393x852
- iPhone 14 Pro Max / 15 Plus / 15 Pro Max 430x932
- 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 S22 Ultra / S23 Ultra 360x772
- Galaxy S22 / S23 / S23+ 360x780
- 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
- Note 7/8/8 Pro/9 393x851
- 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
-
Apple
-
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
-
Apple
-
Monitor
-
Desktop
- Laptop 1366x768
- Desktop 1920x1080
- Desktop 1536x864
- Desktop 1440x900
- Desktop 1280x720
- Desktop 1600x900
- Netbook 1024x768
-
Desktop
Przetestuj responsywność swojej witryny w 3 prostych krokach
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ść!Tak się cieszę, że Ci się podobało!