Как использовать веб-инспектор Safari для отладки на мобильных устройствах?

Веб-инспектор Safari предоставляет разработчикам мощный набор инструментов для отладки и анализа сайтов, запущенных на мобильных устройствах под управлением iOS, непосредственно с компьютера Mac. Эта функция незаимозаменима при тестировании адаптивного дизайна, проверке консольных ошибок и оптимизации производительности веб-приложений.

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

На компьютере Mac откройте браузер Safari, перейдите в основные настройки, откройте вкладку Дополнительно и установите галочку напротив пункта Показывать меню Разработка в строке меню. Это откроет доступ к дополнительным инструментам для разработчиков во всей системе.

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