Як провести відладку (debug) веб-сайту за допомогою iPhone на Macbook

by ·

Вам потрібно підключити iPad/iPhone до Mac, щоб вести відладку веб-сторінки за допомогою консолі розробника macOS Safari? Ця стаття саме для вас 😉

1. На вашому пристрої iOS (iPhone/iPad) перейдіть в «Налаштування» → «Safari» → «Додатково» та увімкніть перемикач для «Вебінспектор»

2. У macOS запустіть Safari і в смузі меню перейдіть до «Налаштування» → «Додатково» і встановіть прапорець «Показувати меню «Розробка» на смузі меню»

3. Фізично підключить пристрій iPhone/iPad до вашого Mac за допомогою кабелю Lightning.

4. Після підключення пристрою у меню Safari в macOS увімкніть «Розробка» → «Назва пристрою» → «Підʼєднатися через мережу» (ця дія у подальшому дозволить вам відлагоджувати сайти без фізичного підключення iPhone/iPad).

5. Від'єднайте кабель і перевірте, чи в Safari на macOS з'явився пункт «Розробка» → «Назва вашого пристрою», якщо все є — то ви все зробили вірно.