Wtyczka przeglądarki do zmiany rozmiaru okna do testowania przeglądarki

Tworząc witrynę, pracuję na moim 22-calowym wyświetlaczu zewnętrznym, co jest w porządku, ale aby uzyskać lepszy obraz tego, jak strona będzie wyglądać na mniejszych ekranach, muszę zmienić rozmiar okna przeglądarki.

W tej chwili korzystam z http://resizemybrowser.com/ (która ma także rozszerzenie do safari), ale błąkałem się, jeśli jest tam Firefox lub wtyczka do przeglądarki Chrome, które dawkują coś podobnego, szukałem, ale jak dotąd nie byłem w stanie nic znaleźć.

Po prostu przekopałem się w firefoxie i odkryłem, że ma on również tryb „Responsive design”. Idź do Web Developer → Responsive Design View .

Następnie pojawi się menu z ustawionymi rozdzielczościami:

To jest właściwie wbudowana funkcja w Chrome.

1. Otwórz DevTools ( F12)

2. Otwórz Ustawienia

   

3. Ustaw żądany rozmiar okna w panelu Przesłania .

   

Uwaga: po wybraniu agenta użytkownika w tym panelu Chrome automatycznie spróbuje wybrać prawidłowe parametry urządzenia dla wybranego agenta.

W przypadku Chrome możesz użyć programu Window Resizer . W przeglądarce Firefox można użyć programu Firesizer .