Как увидеть свой сайт на экране мобильного, планшета или телевизора

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

👌 В телеграм-канале «Лайфхакер» лучшие статьи о том, как сделать жизнь проще.

⚡️Новости из мира гаджетов, обзоры, гайды и не только — в телеграм-канале «Технологии | Лайфхакер».

Screenfly - это простой онлайновый сервис, который поможет вам просмотреть как ваш сайт смотрится на экранах различных устройств. Все, что необходимо сделать — это ввести адрес интересующего сайта в специальное поле и нажать кнопку Go.

Слева мы видим небольшую панель с кнопками переключения категорий устройств - Desktop, Tablet, Mobile, Television. При щелчке по соответствующей кнопке откроется список конкретных устройств, с указанием названия и поддерживаемого разрешения. Ну а в центре мы видим как отображается наш сайт на соответствующем устройстве. Обратите внимание так же на то, что внизу имеются кнопки для включения возможности скроллинга и поворота дисплея в горизонтальное положение.

Сервис Screenfly работает совершенно бесплатно, не требует регистрации и является весьма простым, но в то же время удобным инструментом для тестирования отображения сайта на различных устройствах и разрешениях.

Screenfly

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter

Это упрощённая версия страницы.

Читать полную версию
Дамир Гарифуллин
С кириллицей не дружитPS Делать кнопки ссылками - зло. Какой-то не лайфхацкерский приём..
Alex Postushnoy
Бесполезный вебсайт. Все, что он делает, это меняет высоту и ширину отображения.Различные ситемы не эмулируются вообще. Отобразить как выглядит сайт на айПад вовсе не значит открыть сайт в нужном разрешении. На айПад стоит Сафари и он может отображать ваш сайт иначе чем тот браузер, в котором вы открыли Screnfly.С таким же успехом вы можете менять размер своего браузера чтобы выполнить такую проверку.
Alexander Lavrov
Согласен насчет бесполезности - особенности мобильных браузеров не эмулирует. Да и обычный десктоп вариант показывает с ошибками - проверял свой сайт в режиме desktop - показал без нескольких картинок, хотя во всех браузерах они нормально загружаются.