Несколько способов проверить адаптивность дизайна на разных устройствах:

• Инструменты разработчика в браузере. 13 Эта функция встроена практически во все браузеры. 1 Например, в Microsoft Edge, Google Chrome и Mozilla Firefox её можно вызвать нажатием клавиши F12 или сочетанием клавиш Shift+Ctrl+C. 1 После нажатия появится окно разработчика, в котором нужно найти кнопку Dimensions в левом верхнем углу. 1 Так появится список существующих устройств, выбирая из которых можно увидеть, как выглядит сайт на том или ином устройстве. 1
• Responsive Viewer. 13 Это расширение для браузера Chrome. 3 Сначала нужно его установить и перезагрузить браузер, затем открыть сайт, который хочется проверить, и кликнуть на иконку Responsive Viewer в правом верхнем углу. 3 Браузер обновит страницу, и станет видна панель адаптивности: появится отображение сайта сразу на нескольких устройствах. 3
• Blisk. 13 Это браузер для проверки адаптивности на 50 устройствах. 3 Чтобы им воспользоваться, нужно скачать приложение с официального сайта и установить на компьютер. 3 Для проверки доступны браузеры с разрешением экранов iPhone от SE до 12 Pro, Google Pixel до 4XL, старых моделей Samsung Galaxy от S6 до S9. 3 Кроме смартфонов, можно протестировать, как выглядит сайт на iPad, ноутбуках и компьютерах разного разрешения. 3
• I Love Adaptive. 13 Сервис пригодится для проверки отображения сайта на мобильных и планшетах. 3 Можно выбрать операционную систему смартфона и конкретную модель, на которой хочется его протестировать. 3 В сервисе можно проверить, насколько точно разработчики повторили дизайн сайта с макета. 3 Для этого нужно загрузить картинку макета в форму и выбрать, под какое устройство рисовали дизайн. 3
• BrowserStack. 35 В этом онлайн-сервисе можно проверить, как сайт или мобильное приложение выглядит на эмуляторах разных устройств, в том числе на последних моделях Apple и Samsung и в разных браузерах. 35