Плагин для браузера, чтобы изменить размер окна для тестирования браузера

Когда я делаю сайт, я работаю на своем 22-дюймовом внешнем дисплее, что хорошо, но чтобы получить лучшее представление о том, как сайт будет выглядеть на маленьких экранах, мне нужно изменить размер окна браузера.

В данный момент я использую http://resizemybrowser.com/ (который также имеет расширение для сафари), но я бродил, если есть плагин для браузера Firefox или Chrome, который предлагает что-то похожее, я искал, но пока не смог ничего найти.

Просто копался в Firefox и обнаружил, что у него также есть режим "Адаптивный дизайн". Перейдите в раздел Веб-разработчик → Адаптивный дизайн .

После этого вы получите выпадающий список с предустановленными разрешениями:

Это на самом деле встроенная функция в Chrome.

1. Откройте DevTools ( F12)

2. Откройте настройки

   

3. Установите нужный размер окна на панели « Переопределения» .

   

Примечание. При выборе User Agent на этой панели Chrome автоматически попытается выбрать правильные метрики устройства для выбранного агента.

Для Chrome вы можете использовать Window Resizer . Для Firefox вы можете использовать Firesizer .