Screenfly — это бесплатный веб-инструмент, позволяющий проверять веб-сайты на разных разрешениях экрана. Будь то смартфон, планшет или настольный компьютер, «Screenfly» поможет убедиться, что сайт выглядит оптимально на любом устройстве. Сервис предоставляет множество различных вариантов разрешений экранов, что позволяет тестировать веб-сайт на самых популярных устройствах.
В результате можно увидеть, как ресурс выглядит на разных устройствах, и внести соответствующие корректировки, если это необходимо. Ниже разберем особенности и принцип работы сервиса.
Функциональные возможности
Сервис Screenfly обладает следующими функциональными возможностями:
- Просмотр веб-страниц на различных экранах — пользователь может увидеть, как выглядит веб-страница на различных устройствах с разными разрешениями экранов.
- Настройка размеров экранов — вебмастер может добавлять и настраивать размеры экранов в соответствии с требованиями проекта.
- Предпросмотр на различных устройствах — пользователь может увидеть, как выглядит веб-страница на различных устройствах, таких как смартфоны, планшеты и настольные компьютеры.
- Сравнение различных макетов — пользователь может сравнивать различные макеты на разных экранах и устройствах.
- Тестирование респонсивности — вебмастер может проверить, как быстро веб-страница адаптируется к изменению размера экрана.
- Доступность на разных языках — пользователь может выбрать язык, на котором будет отображаться веб-страница для проверки ее доступности для пользователей из разных стран и регионов.
- Поддержка различных браузеров — пользователь может проверить, как выглядит веб-страница в различных браузерах, таких как Chrome, Firefox, Safari и др.
- Создание скриншотов — вебмастер может создавать скриншоты веб-страницы на разных экранах и устройствах для дальнейшей обработки и анализа.
Также радует интеграция с другими инструментами. Пользователь может использовать Screenfly вместе с другими сервисами для оптимизации процесса разработки и тестирования веб-страниц. Интеграция возможно со следующими инструментами:
- Google Analytics — для отслеживания статистики использования веб-сайта и улучшения пользовательского опыта;
- Adobe Analytics — для отслеживания пользовательской активности на сайте и выявления потенциальных проблем в работе сайта;
- Optimizely — для проведения A/B-тестирования и оптимизации работы сайта;
- Crazy Egg — для анализа поведения пользователей на странице и выявления проблем в ее дизайне;
- Hotjar — для получения обратной связи от пользователей, записи их поведения на сайте и выявления потенциальных проблем в работе сайта.
Кроме того, сервис позволяет производить проверку веб-сайта на совместимость с различными устройствами.
Принцип работы
Чтобы протестировать сайт, достаточно перейти на главную страницу Screenfly и в специальную строку вставить URL-адрес любой страницы своего веб-ресурса.
Когда пользователь нажмет на кнопку «Go», в левом верхнем углу откроется окно, где будет отображаться страница указанного сайта. Также стоит обратить внимание на разделы в панели управления, каждый из которых отвечает за выполнение своих задач.
Например, значки с монитором, планшетом и телефоном показывают то, как страница сайта смотрится на разных разрешениях экранов. Также есть значки, с помощью которых можно регулировать разрешение, прокручивать страницу мышкой, делиться ссылками, поворачивать экран и т.д.
На каких экранах можно тестировать сайты:
| Тип устройства |
Разрешение |
| Компьютер, ноутбук |
- 10 дюймов;
- 12 дюймов;
- 13 дюймов;
- 15 дюймов;
- 19 дюймов;
- 20 дюймов;
- 22 дюйма;
- 23 дюйма;
- 24 дюйма.
|
| Планшеты |
- Kindle Fire HD 7;
- Asus Nexus 7;
- Kindle Fire;
- Apple iPad;
- Samsung Galaxy Tab 7;
- Kindle Fire HD 8,9;
- Samsung Galaxy Tab;
- Apple iPad Pro;
- Microsoft Surface Pro.
|
| Смартфоны |
- Motorola RAZR V3m;
- Motorola RAZR V8;
- BlackBerry 8300;
- Apple iPhone 3/4;
- Samsung Galaxy S2;
- Apple iPhone 5;
- LG G3-5;
- Samsung Galaxy S3-7;
- Apple iPhone 6/7;
- Apple iPhone 6/7 Plus.
|
| Телевизоры |
- 480р;
- 720р;
- 1080р;
- 2К;
- 4К;
- 8К.
|
Вывод
Screenfly — инструмент, предоставляющий пользователям удобный способ тестирования и адаптации веб-сайтов к разным устройствам и разрешениям экранов. Screenfly позволяет легко проверить, как будет выглядеть сайт на различных устройствах и в разных условиях экрана. Среди главных преимуществ Screenfly можно выделить простоту использования, широкий выбор устройств для тестирования, а также возможность быстрой настройки и адаптации сайта.
Официальный адрес сайта — https://screenfly.org/
0