Проверять мобильную версию вёрстки нужно не только в режиме эмуляции в браузере, но и на реальных устройствах. Главная причина — эмуляция учитывает не все нюансы работы конкретных устройств. Подробнее я писал в совете про тестирование мобильной вёрстки.

На Айфоне и Айпаде иногда встречаются заковыристые и странные баги, требующие вдумчивой отладки и экспериментов с кодом. Отлаживать такие (да и любые другие) баги гораздо проще с браузерными инструментами разработчика.

На Айфоне или Айпаде нет встроенных инструментов разработчика, но можно подключить устройство проводом к маку и открыть инструменты уже там:

  1. Подключите устройство — айфон или айпад — проводом к маку;

  2. На маке запустите Сафари;

  3. Если в Сафари нет пункта меню «Разработка», включите его в настройках браузера;

  4. На устройстве запустите Сафари и откройте страницу, которую хотите отладить;

  5. На маке в Сафари в меню «Разработка» появится пункт с именем устройства и списком открытых там страниц, выберите нужную страницу и для неё откроются инструменты разработчика.

Инструменты разработчика значительно ускоряют и упрощают отладку вёрстки, потому что позволяют работать со страницей «на ходу»: вносить изменения в разметку и стили, выполнять Яваскрипт, проверять гипотезы и тут же видеть результат, не обновляя каждый раз страницу.

См. также: Remote debug Android devices.

Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы