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

9

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

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

Сэм
источник
Какие инструменты вы используете для веб-разработки?
MDMoore313
возвышенный текст и мечты, но я все больше склоняюсь к возвышенному все больше и больше времени
Сэм

Ответы:

13

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

введите описание изображения здесь

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

введите описание изображения здесь

Сэм
источник
Есть ли API для этой опции? Как для изменения его из внутреннего кода аддона?
Камаль Редди
3

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

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

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

    введите описание изображения здесь

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

    введите описание изображения здесь

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

Der Hochstapler
источник
2

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

Bibhas
источник
2
Обратите внимание, что в декабре 2013 года возникли разногласия с этим плагином после того, как началось обновление, перенаправляющее поиски в Google через третью сторону
Чарльз Уэсли,