Когда я завершаю работу над сайтом - я сразу перехожу к тестированию адаптивных версий. Это важный этап, потому что, к примеру, на смартфонах системы Android или iOS могут быть существенные различия и недочеты. Чтобы их выявить - необходимо тестировать сайт на смартфонах, планшетах с реальных устройств на платформе Android и iOS.
⠀
Но что делать, если под рукой нет нужного девайса? Ведь невозможно иметь при себе: кучу андроидов, айфонов, айпадов и несколько ноутбуков с разной диагональю экрана.
⠀
Давай рассмотрим инструменты и сервисы для проверки адаптивности сайта, которые нам в этом помогут.
⠀
1) Предварительная проверка сайта.
Для предварительной проверки сайта на разных разрешениях - ты можешь воспользоваться простым уменьшением окна браузера. Просто дёргай за край окна браузера и постепенно сужай или расширяй окошко браузера. Таким образом можно будет выявить некоторые недочеты и внести изменения.
⠀
2) Тестирование с физических смартфонов при помощи сервиса https://appetize.io/demo
С помощью указанного сервиса ты сможешь тестировать сайт с некоторых версий iPhone, iPod, Android + есть возможность выбора версий iOS и Android. Сервис предоставляет бесплатный тестовый доступ на 60 секунд с доступных физических устройств. Поэтому если при тестировании ты заметил, что на iPhone 6 есть недочеты - значит они действительно есть. Когда заканчивается время тестового периода - подключаемся снова и продолжаем тестировать.
Для разработчиков: нет возможности вызвать дев тул, поэтому если с первого взгляда не знаешь как решить проблему - переходи к следующему способу.
⠀
3) Детальное тестирование сайта на разных устройствах с помощью сервиса https://www.browserstack.com/
Этот способ больше подойдёт для разработчиков. После регистрации - ты получаешь полный доступ к физическим устройствам сервиса, на 1 минуту пользования к каждому. Есть абсолютно все виды iPhone, iPad, MacOS, Android, а самое главное - можно вызвать панель разработчика (Dev Tool), чтобы протестировать различные варианты решения возникших проблем. Когда закончился пробный период - можно создать новый аккаунт, указав любую почту (подтверждение почты не обязательно).
