Responsive Preview

Что такое инструмент адаптивного предпросмотра?

Инструмент адаптивного предпросмотра загружает веб-страницу внутри iframe в выбранном размере окна, чтобы проверить, как она выглядит на экранах телефона, планшета и ноутбука. В него встроены пресеты для iPhone SE, iPhone 12/13, iPad, ноутбука, десктопа и Full HD, а также поддержка своих ширины и высоты.

Основные функции

• Встроенные пресеты для iPhone, iPad, ноутбука, десктопа и Full HD
• Произвольные ширина и высота (200–4000 px)
• Адреса без протокола автоматически получают https://
• Предпросмотр в iframe с мгновенным применением размеров
• Кнопки примера и очистки

Сценарии использования / Примечания

Удобно быстро проверять, как страница выглядит на разных размерах экрана при обновлении дизайна или интеграции. Предпросмотр зависит от политики сайта: если он запрещает встраивание через X-Frame-Options или CSP, фрейм будет пустым — это решение сайта, а не проблема инструмента.

Как использовать

1. Введите URL страницы для предпросмотра
2. Выберите пресет устройства или укажите свои ширину и высоту
3. Нажмите «Предпросмотр» — страница загрузится в этом окне