Адаптивный изменитель размера окна

Открывайте любую страницу в тестовом окне с точным размером вьюпорта

Тестовое окно

Только http и https. По умолчанию — эта страница.

От 200 до 3840 px

От 200 до 2160 px

Пресеты
Сохранённые размеры

Сохраняйте размеры, которые часто проверяете. Они хранятся только в этом браузере.

Предпросмотр

Запрошенный вьюпорт390 × 844· Книжная

Ваш вьюпорт

Видимая область
Считываем…
Окно
Считываем…
Экран (доступно)
Считываем…
Плотность пикселей
Считываем…

Значения для этой вкладки. Они обновляются при изменении размера окна.

Это не эмуляция устройства

Меняется только размер вьюпорта. Остаётся как на этом компьютере:

  • Плотность пикселей устройства
  • Сенсорный ввод
  • Панели мобильного браузера
  • User-Agent браузера
  • Скорость процессора и сети
  • Системные шрифты

Для полной эмуляции используйте режим устройства в DevTools браузера.

Что делает инструмент

Адаптивный изменитель размера окна открывает страницу в отдельном тестовом окне с выбранным размером вьюпорта, например 390 × 844 или 1366 × 768. Сначала он измеряет рамку браузера на пустой странице, подгоняет окно так, чтобы видимая область страницы была как можно ближе к вашему размеру, сообщает измеренный размер и только затем загружает ваш URL.

Как пользоваться
  1. 1.Введите URL страницы или оставьте эту страницу.
  2. 2.Выберите пресет или укажите ширину от 200 до 3840 и высоту от 200 до 2160 пикселей.
  3. 3.Нажмите «Открыть тестовое окно» и разрешите всплывающие окна, если браузер спросит.
  4. 4.Проверьте результат: запрошенный и измеренный размер.
  5. 5.Сохраняйте часто используемые размеры — они остаются в этом браузере.
Возможности
  • •Десять популярных пресетов для телефонов, планшетов и ноутбуков плюс ваши сохранённые размеры.
  • •Обмен ширины и высоты для проверки книжной и альбомной ориентации.
  • •Честный отчёт об измеренном вьюпорте, включая блокировку всплывающих окон, ограничения экрана и браузеры, которые игнорируют изменение размера.
  • •Вьюпорт, окно, экран и плотность пикселей этой вкладки в реальном времени.
  • •Ничего не загружается на сервер; URL открывается только в запущенном вами окне.
Ограничения

Браузеры позволяют странице менять размер только тех всплывающих окон, которые она сама открыла, и никогда — текущей вкладки; мобильные браузеры обычно это игнорируют. Это запуск окна нужного размера, а не эмуляция устройства: плотность пикселей, сенсорный ввод, панели мобильного браузера, User-Agent, скорость процессора и сети и системные шрифты не эмулируются — для этого используйте режим устройства в DevTools. После загрузки страницы другого сайта инструмент больше не может читать окно или менять его размер.

CodingTool официально запущен на

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.toolsLaunchpadly Startup DirectoryCodingTool.dev — Featured on Smol Launch