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

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

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

3 ответа

Решение

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

введите описание здесь

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

введите описание здесь

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

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

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

    введите описание здесь

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

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

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