Школа
Веб-разработка

Инструменты разработчика на Айфоне и Айпаде

Игорь Петров
23 мар 2023
👁 3152  
Веб-разработка

Инструменты разработчика на Айфоне и Айпаде

Игорь Петров
23 мар 2023
👁 3152  
Игорь Петров
Разработчик, преподаватель Школы бюро
Полезно
 5
5
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

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

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

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

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

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

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

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

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

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

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

Веб‑разработка
Полезно
 5
5
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

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