Что такое FlexViewport?
FlexViewport — бесплатный онлайн-инструмент для проверки адаптивности сайтов на нескольких CSS viewport-размерах одновременно. Он помогает сравнивать верстку смартфонов, планшетов, ноутбуков и desktop-экранов рядом.
Нужна ли регистрация?
Основной responsive tester сейчас доступен бесплатно и без регистрации. Введите адрес сайта, чтобы открыть рабочую область; аккаунт для проверки не нужен.
Какие размеры можно проверять?
Выбирайте пресеты из каталога или задавайте собственную ширину и высоту. Каталог содержит iPhone, Android, планшеты и desktop-размеры. Одновременно можно открыть до восьми экранов. Все размеры заданы в CSS-пикселях.
Можно ли повернуть экран и изменить масштаб?
Да. Поворот меняет ширину и высоту местами, а масштаб уменьшает или увеличивает только отображаемое превью. Например, при масштабе 50% iframe продолжает рассчитывать верстку по исходной CSS-ширине. DPR в каталоге — справочная величина, а не настройка эмуляции.
Почему некоторые сайты не отображаются?
Проверяемый сайт открывается в iframe вашего браузера. X-Frame-Options или CSP frame-ancestors на целевом сайте могут запрещать встраивание. Этот сайт может запрещать отображение во встроенном окне. FlexViewport не обходит эти ограничения и не определяет блокировку по событию загрузки; откройте адрес в новой вкладке. HTTP-страница также может блокироваться внутри HTTPS-сайта.
Где хранятся адреса и настройки?
Код tester не отправляет проверяемый URL на сервер FlexViewport. Полный адрес остаётся в памяти текущей проверки, а локальная история в браузере хранит до 20 origins без пути, query и fragment. Её можно очистить. Экранные настройки и тема тоже сохраняются локально. Целевой сайт получает iframe-запрос напрямую от браузера. Подключён GTM для аналитики; его события в коде исключают целевые URL, историю и названия пользовательских устройств. Подробнее — в политике конфиденциальности.
Что эта проверка не заменяет?
Пресет задаёт размер iframe, но не запускает ОС устройства, Safari или touch-эмуляцию. Нет серверных скриншотов, автоматической оценки качества или синхронной прокрутки внешних сайтов. Финальную проверку поведения браузера и ввода проводите на реальных устройствах.