Проблема
У меня есть верстка, которая на компьютере в не мобильной версии работала хорошо, а в приложении не работала. Нужно было посмотреть консоль, как это сделать непонятно. Нагуглил способ через кабель, макбук и сафари.
1. Подготовка iPhone
- Открой «Настройки → Safari → Дополнения (Advanced)».
- Активируй переключатель Web Inspector.
- Подключи айфон к маку через кабель. На маке нажми подключить.
- Если устройство спросит «Доверять этому компьютеру?» — жми Trust.
2. Подготовка Mac
- Запусти Safari.
- Safari → Настройки → Дополнения.
- Поставь галку «Показать меню „Разработка“» — пункт появится в верхнем меню.
3. Подключаем iPhone
- Соедини iPhone и Mac кабелем.
- Открой приложение на смартфоне.
После на сафари выбери Разработка → Свой айфон и приложение.
После клика отроется консоль разработчика. Кликни на прицел и пальцем на элемент на телефоне, консоль выберет его и покажет по нему информацию.❤️
Готово — открылся полноценный DevTools: Elements, Console, Network, Sources. Всё в реальном времени, без эмуляторов.
4. Если Safari не видит устройство
- Перепроверь кабель — нужен кабель «для данных», не только для зарядки.
- Закрой-открой Safari на Mac.
- Переключи Web Inspector на iPhone «выкл/вкл».
- Слишком старый macOS или iOS? Обнови хотя бы до версий последних трёх лет.
Если вы такие: «Охренеть, не знал» и получили пользу → с вас лайк.
Для андройда
https://developer.chrome.com/docs/devtools/remote-debugging?hl=ru