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


9

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

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


Какие инструменты вы используете для веб-разработки?
MDMoore313

возвышенный текст и мечты, но я все больше склоняюсь к возвышенному все больше и больше времени
Сэм

Ответы:


13

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

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

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

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


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

3

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

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

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

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

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

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

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


2

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


2
Обратите внимание, что в декабре 2013 года возникли разногласия с этим плагином после того, как началось обновление, перенаправляющее поиски в Google через третью сторону
Чарльз Уэсли,
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.