Дизайн и конверсия

Как включить мобильную версию сайта на компьютере?

Елена, Новосибирск 1,4 тыс. просмотров

Перед запуском рекламы хочу проверить, как лендинг выглядит на телефоне, но под рукой только компьютер. Можно ли посмотреть мобильную версию прямо в браузере на компьютере, без переноса на реальный смартфон?

Дмитрий Акиндинов разработчик лендингов, 15 лет практики

ответил

Да, в браузере есть встроенный режим эмуляции мобильного экрана: в Chrome и Edge нажмите F12 или Ctrl+Shift+I, затем значок телефона и планшета в углу панели (или сразу Ctrl+Shift+M) - страница перерисуется под выбранное устройство, от iPhone до Samsung Galaxy.

Откройте инструменты разработчика, нажмите значок переключения на мобильный вид - обычно это иконка телефона рядом с планшетом в левом верхнем углу панели. Сверху появится выпадающий список устройств: iPhone, Samsung Galaxy, iPad и произвольный размер экрана, который тоже можно задать вручную.

Этот режим честно показывает вёрстку - как перестраиваются блоки, читается ли текст, не вылезает ли кнопка за край экрана. А вот скорость загрузки он не эмулирует по умолчанию: реальный мобильный интернет медленнее домашнего Wi-Fi, и для проверки скорости в тех же инструментах разработчика есть вкладка Network с настройкой ограничения до "Slow 4G".

Проверяйте не только пресеты популярных моделей, но и промежуточные ширины экрана - 375, 390, 414 пикселей: иногда вёрстка ломается именно между стандартными размерами, а не на них самих. Отчёт Метрики по устройствам обычно показывает 60-70% мобильного трафика и больше, поэтому первый экран лендинга стоит собирать и проверять в первую очередь под телефон, а не под широкий монитор.

Перед самим запуском рекламы всё же откройте страницу на настоящем телефоне: эмуляция в браузере не воспроизводит реальные тач-жесты, автозаполнение и клавиатуру, а форма заявки - как раз то место, где мобильные баги обходятся дороже всего.

Подробный разбор Сначала телефон, потом компьютер: как это меняет макет лендинга
Не нашли свой вопрос

Задайте его напрямую

Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.

Похожие вопросы

Все вопросы темы "Дизайн и конверсия"

Помогу выбрать

Сомневаетесь — напишите, разберёмся за 10 минут

Расскажете про ваш бизнес и задачу — подскажу, что нужно: лендинг, многостраничник или вообще не сайт. Без обязательств, бесплатно.

Отвечаю в течение 15 минут в рабочее время (будни 11:00–20:00 МСК). Если удобнее e-mail: 9123578@gmail.com

Telegram TG MAX MAX Звонок