Проблема

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

1. Подготовка iPhone

1. Открой «Настройки → Safari → Дополнения (Advanced)».
2. Активируй переключатель Web Inspector.
3. Подключи айфон к маку через кабель. На маке нажми подключить.
4. Если устройство спросит «Доверять этому компьютеру?» — жми Trust.

2. Подготовка Mac

1. Запусти Safari.
2. Safari → Настройки → Дополнения.
3. Поставь галку «Показать меню „Разработка“» — пункт появится в верхнем меню.

3. Подключаем iPhone

1. Соедини iPhone и Mac кабелем.
2. Открой приложение на смартфоне.

После на сафари выбери Разработка → Свой айфон и приложение.

После клика отроется консоль разработчика. Кликни на прицел и пальцем на элемент на телефоне, консоль выберет его и покажет по нему информацию.❤️

Готово — открылся полноценный DevTools: Elements, Console, Network, Sources. Всё в реальном времени, без эмуляторов.

4. Если Safari не видит устройство

1. Перепроверь кабель — нужен кабель «для данных», не только для зарядки.
2. Закрой-открой Safari на Mac.
3. Переключи Web Inspector на iPhone «выкл/вкл».
4. Слишком старый macOS или iOS? Обнови хотя бы до версий последних трёх лет.

Если вы такие: «Охренеть, не знал» и получили пользу → с вас подписка)