Проверка адаптива: сайт в шести разрешениях
Покажет сайт в шести разрешениях рядом.
Сайт открывается в рамках прямо на этой странице. Если рамка пустая, сайт запрещает показ во фреймах — тогда нажмите «Открыть в окне»: браузер откроет его в окне нужного размера. Сайт по адресу http:// на защищённой странице может не показаться — откройте его по https://.
Как пользоваться
Введите адрес сайта.
Нажмите «Показать сайт».
Если рамка пуста, нажмите «Открыть в окне» под ней.
Пример расчёта
Меню, которое на широком экране в строку, а на 360 px превращается в кнопку-«бургер», в рамках будет видно сразу.
Полезная информация
Введите адрес — сайт откроется в шести рамках: телефон, большой телефон, планшет в двух положениях, ноутбук и монитор Full HD. Рамки уменьшаются, чтобы поместиться на странице, но сайт получает настоящую ширину экрана, поэтому адаптивные стили срабатывают. Сайт открывается в вашем браузере, поэтому можно проверять и локальные адреса.
Это быстрый обзор: реальные устройства отличаются шрифтами, жестами и панелями браузера.
Вопросы
Почему рамка пустая?
Сайт запретил показ во фреймах (заголовок X-Frame-Options или правило frame-ancestors). Нажмите «Открыть в окне»: сайт откроется в окне нужного размера.
Можно ли проверить сайт на localhost?
Да, адрес открывается в вашем браузере, поэтому локальные адреса вроде http://localhost:3000 работают. На защищённой странице браузер может блокировать http-адрес: используйте кнопку «Открыть в окне».