Проверка сайта на экранах разных размеров
Введите адрес сайта и выберите устройства. Каждый экран открывает страницу в реальную ширину устройства, уменьшенную, чтобы поместиться здесь.
Как пользоватьсяСайт на всех экранах
Доступно на: 
Проверка сайта на экранах разных размеров: для чего нужен
Введите адрес и выберите устройства: маленький телефон (360 px), iPhone (390), большой телефон (430), планшет (768), ноутбук (1280) и монитор (1440). Каждый экран открывает страницу в реальную ширину устройства, уменьшенную выбранным масштабом, и внутри каждого можно прокручивать.
Работает с вашими сайтами и с localhost. Сайты, которые запрещают открываться внутри других, отображаются пустыми.
Как пользоваться
- Введите адрес сайта.
- Выберите устройства, масштаб и высоту.
- Прокрутите каждый экран и проверьте вёрстку.
Когда использовать
- Проверить адаптивный сайт перед публикацией.
- Показать клиенту, как сайт выглядит на телефоне.
- Тестировать сайты в разработке на localhost.
Частые вопросы
Почему некоторые сайты не отображаются?
Многие крупные сайты (Google, банки, соцсети) запрещают открывать себя внутри другого сайта через заголовки X-Frame-Options или frame-ancestors, и экран остаётся пустым. Собственные сайты обычно отображаются нормально. Если сайт не появился, используйте режим устройства в инструментах разработчика браузера (F12).
Совпадает ли предпросмотр с настоящим телефоном?
Ширина та же, поэтому адаптивная вёрстка такая же. Но браузер остаётся компьютерным: шрифты, прокрутка, касания и возможности телефона могут отличаться. Перед публикацией проверьте и на настоящем устройстве.
Работает ли с сайтами на localhost?
Да, если локальный сервер запущен на вашем компьютере, а адрес начинается с http://localhost или http://127.0.0.1.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.