Как активировать консоль отладки 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 ввела режим отзывчивого дизайна в веб-инспекторе. Разработчики используют этот встроенный симулятор для предварительного просмотра масштабирования веб-страниц под различные размеры, разрешения и ориентацию экрана.

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

  • Активация веб-инспектора на iPhone или другом устройстве iOS
  • Подключение устройства iOS к Safari на Mac
  • Что такое веб-инспектор?
  • Активация веб-инспектора на iPhone или другом устройстве iOS
  • Подключение устройства iOS к Safari на Mac
  • Что такое веб-инспектор?
  • Активация веб-инспектора на iPhone или другом устройстве iOS
  • Подключение устройства iOS к Safari на Mac
  • Что такое веб-инспектор?
  • Устранение зависания при нажатии правой кнопки мыши в Windows
  • Содержание
  • Запуск командной строки от имени администратора
  • Windows Terminal — новый способ запуска командной строки
  • Поиск на панели задач или в меню "Пуск
  • Диалоговое окно "Выполнить
  • Инструменты Windows
  • Запустите cmd.exe из папки System32
  • Запуск через диспетчер задач
  • Дополнительные методы
  • Есть ли у iPhone быстрая зарядка?
  • Как узнать, является ли мое зарядное устройство быстрой зарядкой?
  • Как узнать, есть ли быстрая зарядка у iPhone 12?
  • Как узнать, заряжается ли iPhone быстрой зарядкой на iOS 14?