Проверить мобильную версию сайта можно в браузере Chrome. Нажав Ctrl + Shif + I (правой мышкой по экрану – посмотреть код страницы) и затем Ctrl + Shif + M (или значок с телефоном/планшетом, который расположен вверху слева)
В верхней панели вы можете выбрать: устройство, масштаб и поворот экрана. Этот инструмент закрывает 90% ручной проверки отображения мобильной версии. Для остальных 10% стоит все же приобрести iPhone. Так как по моему опыту 99% клиентов проверяют моб версию на iOS устройствах.
Для проверки обычной версии сайта в хроме возможно использовать плагин, который будет переключать размер окна, тем самым имитируя разные размеры экрана. Например, Window Resizer.
Если у Вас нет мак-устройства, а тестировать необходимо. Можно установить macOS в виртуальной машине на компьютере с процессором intel. При этом скорость работы будет значительно медленен мак-устройства.
Также следует установить браузеры: Firefox, Opera.
Если клиент жалуется на верстку. Какие вопросы можно ему задать:
Браузера и его версия.
Какая ОС? Например, Сафари для iPhone и для Mac могут показывать верстку по-разному, а IE11 для Win7 и Win10 так же. (Существует еще пользователи с Win7 и IE11).
Банально, но клиент мог накрутить масштаб в браузере. Можно попросить нажать клиента: Ctrl + 0 или не обновились стили Ctrl + F5
Какое разрешение вашего экрана? Если клиент работает за ноутбуком, то для определения разрешения надо попросить его в консоли выполнить javascript: document.body.clientwidth. В зависимости от браузера можем получить разные разрешения.
Хорошим механизмом для проверки скорости загрузки сайта встроенным в браузер хром является «Lighthouse». С помощью него можно определить насколько по версии хрома мобильным устройствам удобно использовать ваш сайт, о нем подробней в этой статье.
