Як використовувати веб-інспектор Safari для налагодження на мобільних пристроях?

Веб-інспектор Safari надає розробникам потужний набір інструментів для налагодження та аналізу сайтів, запущених на мобільних пристроях під керуванням iOS, безпосередньо з комп'ютера Mac. Ця функція є незамінною при тестуванні адаптивного дизайну, перевірці помилок консолі та оптимізації продуктивності веб-додатків.

Для успішного використання інспектора необхідно виконати попереднє налаштування на обох пристроях. На вашому iPhone або iPad відкрийте системні налаштування, перейдіть до розділу Safari, прокрутіть сторінку в самий низ, відкрийте меню Додатково та активуйте перемикач Веб-інспектор.

На комп'ютері Mac відкрийте браузер Safari, перейдіть у основні налаштування, відкрийте вкладку Додатково та встановіть галочку навпроти пункту Показувати меню Розробка в рядку меню. Це відкриє доступ до додаткових інструментів для розробників у всій системі.

Тепер підключіть мобільний пристрій до комп'ютера за допомогою кабелю або переконайтеся, що вони знаходяться в одній мережі Wi-Fi під час використання бездротового налагодження. Відкрийте потрібну сторінку в мобільному Safari, потім на комп'ютері у верхньому меню виберіть Розробка, знайдіть ім'я вашого пристрою та виберіть потрібну вкладку для запуску консолі налагодження.