Как активировать консоль отладки iPhone или веб-инспектор

Что нужно знать

  • Активируйте 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 не используют его. Однако, если вы разработчик или вам интересно, вы можете активировать его в несколько коротких шагов. Вот как:

  1. Откройте iPhone Настройки меню.

    На iPhone с ранней версией iOS откройте консоль отладки через меню Настройки > Safari > Разработчик > Консоль отладки. Когда Safari на iPhone обнаруживает ошибки CSS, HTML и JavaScript, подробности каждой из них отображаются в отладчике.

  2. Прокрутите вниз и нажмите Safari чтобы открыть экран, содержащий все, что связано с веб-браузером Safari на вашем iPhone, iPad или iPod touch.

  3. Прокрутите страницу в самый низ и выберите Дополнительно.

  4. Переместить Веб-инспектор тумблер в положение На сайте расположение.

    На iPhone показано, как включить веб-инспектор Safari

Подключение устройства iOS к Safari на Mac

Чтобы использовать веб-инспектор, подключите iPhone или другое устройство iOS к компьютеру Mac, на котором установлен веб-браузер Safari, и включите меню Develop.

  1. При открытом Safari выберите Safari в строке меню и выберите Предпочтения.

    Safari с выделенным пунктом меню Предпочтения
  2. Выберите Продвинутый вкладка.

    Предпочтения Safari с выделенной вкладкой Дополнительно
  3. Выберите пункт Показать меню Разработать в строке меню установите флажок и закройте окно настроек.

    Расширенные настройки Safari с помощью
  4. В строке меню Safari выберите Разработать и выберите имя подключенного устройства iOS, затем выберите URL-адрес, который появится под пунктом Safari чтобы открыть консоль отладки для этого сайта.

    Мобильный веб-инспектор Safari активируется из меню Develop на macOS

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

Что такое веб-инспектор?

Веб-разработчики используют Web Inspector для изменения, отладки и оптимизации веб-сайтов на компьютерах Mac и устройствах iOS. Открыв Web Inspector, разработчики могут проверять ресурсы на веб-странице. Окно веб-инспектора содержит редактируемый HTML и заметки о стилях и слоях веб-страницы на отдельной панели.

До iOS 6 веб-браузер iPhone Safari имел встроенную консоль отладки, которую разработчики использовали для поиска дефектов веб-страниц. В последних версиях iOS вместо этого используется Web Inspector.

В Safari 9 и OS X Mavericks (10.9), Apple ввела режим отзывчивого дизайна в веб-инспекторе. Разработчики используют этот встроенный симулятор для предварительного просмотра масштабирования веб-страниц под различные размеры, разрешения и ориентацию экрана.

Оцените статью
Добавить комментарий