Что нужно знать
- Активируйте Web Inspector на iOS: Перейдите к Настройки > Safari > Дополнительно и переместите Веб-инспектор переключите тумблер на На положение.
- Используйте Web Inspector на macOS: подключите устройство iOS к Mac и выберите URL-адрес для проверки из списка Разработка меню.
Если вы столкнулись с ошибкой или другой проблемой на сайте в мобильном Safari, используйте инструмент Web Inspector для исследования. В этой статье объясняется, как использовать консоль Safari для iPhone для отладки ошибок с помощью компьютера Mac. Инструкции применимы к iPhone с iOS 14, iOS 12 или iOS 11, а также к компьютерам Mac с macOS Big Sur (11.0), macOS Catalina (10.15), или macOS Mojave (10.14).
Активация веб-инспектора на iPhone или другом устройстве iOS
Веб-инспектор отключен по умолчанию, поскольку большинство пользователей iPhone не используют его. Однако, если вы разработчик или вам интересно, вы можете активировать его в несколько коротких шагов. Вот как:
-
Откройте iPhone Настройки меню.
На iPhone с ранней версией iOS откройте консоль отладки через меню Настройки > Safari > Разработчик > Консоль отладки. Когда Safari на iPhone обнаруживает ошибки CSS, HTML и JavaScript, подробности каждой из них отображаются в отладчике.
-
Прокрутите вниз и нажмите Safari чтобы открыть экран, содержащий все, что связано с веб-браузером Safari на вашем iPhone, iPad или iPod touch.
-
Прокрутите страницу в самый низ и выберите Дополнительно.
-
Переместить Веб-инспектор тумблер в положение На сайте расположение.
Подключение устройства iOS к Safari на Mac
Чтобы использовать веб-инспектор, подключите iPhone или другое устройство iOS к компьютеру Mac, на котором установлен веб-браузер Safari, и включите меню Develop.
-
При открытом Safari выберите Safari в строке меню и выберите Предпочтения.
-
Выберите Продвинутый вкладка.
-
Выберите пункт Показать меню Разработать в строке меню установите флажок и закройте окно настроек.
-
В строке меню Safari выберите Разработать и выберите имя подключенного устройства iOS, затем выберите URL-адрес, который появится под пунктом Safari чтобы открыть консоль отладки для этого сайта.
После подключения устройства используйте Mac для проверки веб-сайта, который вы хотите отладить, и пусть он откроется в мобильном браузере Safari.
Что такое веб-инспектор?
Веб-разработчики используют Web Inspector для изменения, отладки и оптимизации веб-сайтов на компьютерах Mac и устройствах iOS. Открыв Web Inspector, разработчики могут проверять ресурсы на веб-странице. Окно веб-инспектора содержит редактируемый HTML и заметки о стилях и слоях веб-страницы на отдельной панели.
До iOS 6 веб-браузер iPhone Safari имел встроенную консоль отладки, которую разработчики использовали для поиска дефектов веб-страниц. В последних версиях iOS вместо этого используется Web Inspector.
В Safari 9 и OS X Mavericks (10.9), Apple ввела режим отзывчивого дизайна в веб-инспекторе. Разработчики используют этот встроенный симулятор для предварительного просмотра масштабирования веб-страниц под различные размеры, разрешения и ориентацию экрана.