Tester responsywnego designu.

Tester projektu responsywnego pokazuje, jak witryna wygląda w różnych rozmiarach ekranu. Wpisz adres URL, wybierz profil urządzenia, np. telefon, tablet lub rozdzielczość pulpitu, albo ustaw własną szerokość i wysokość, a strona wyrenderuje się w ramce o wybranym rozmiarze. Możesz przełączać orientację pionową i poziomą oraz obracać w locie. To szybki sposób na sprawdzenie układu w typowych punktach przełamania bez zmieniania rozmiaru okna przeglądarki.

1. Wpisz adres URL witryny i kliknij Wczytaj 2. Wybierz profil urządzenia albo wybierz Niestandardowe i podaj szerokość oraz wysokość 3. Dla profili przełączaj między orientacją pionową a poziomą albo użyj Obróć 4. Obserwuj renderowanie strony w ramce podglądu w tym rozmiarze

Profile obejmują popularne rozmiary, od małego telefonu po pulpit full HD, odpowiadające punktom przełamania, do których dąży większość układów. Użyj Niestandardowe, gdy potrzebujesz dokładnego rozmiaru w pikselach, którego nie ma na liście. Uwaga: niektóre witryny odmawiają osadzania i pokazują pustą ramkę — to ustawienie zabezpieczeń samej witryny, a nie problem narzędzia. Strony dopuszczające osadzanie renderują się w pełni i pozostają interaktywne.