Тестер ресурсивного дизайна

Тестер адаптивного дизайна показывает, как сайт выглядит при разных размерах экрана. Введите URL, выберите профиль устройства — телефон, планшет или разрешение рабочего стола — или задайте собственные ширину и высоту, и страница отрисуется в рамке нужного размера. Можно переключаться между портретной и альбомной ориентацией и поворачивать на лету. Это быстрый способ проверить вёрстку на обычных контрольных точках без изменения размера окна браузера.

1. Введите URL сайта и нажмите «Загрузить» 2. Выберите профиль устройства или «Свой» и укажите ширину и высоту 3. Для профилей переключайтесь между портретом и альбомом или используйте «Повернуть» 4. Наблюдайте отрисовку страницы в рамке предпросмотра этого размера

Профили покрывают распространённые размеры — от небольшого телефона до Full HD рабочего стола, соответствуя контрольным точкам, на которые нацелено большинство вёрсток. Используйте «Свой», когда нужно точное разрешение в пикселях, отсутствующее в списке. Учтите, что некоторые сайты запрещают встраивание и показывают пустую рамку — это настройка безопасности самого сайта, а не проблема инструмента. Страницы, разрешающие встраивание, отрисовываются полностью и остаются интерактивными.