Что нужно знать
- Активируйте Web Inspector на iOS: перейдите в Настройки > Safari > Дополнительно и перейдите тумблер Web Inspector в положение Вкл.
- Использование 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).
Активируйте Web Inspector на вашем iPhone или другом устройстве iOS
Веб-инспектор по умолчанию отключен, так как большинству пользователей iPhone он не нужен. Однако, если вы разработчик или вам любопытно, вы можете активировать его за несколько коротких шагов. Вот как:
-
Откройте меню iPhone Настройки.
На iPhone с ранней версией iOS откройте консоль отладки через Настройки > Safari > Developer > Консоль отладки Когда Safari на iPhone обнаруживает ошибки CSS, HTML и JavaScript, подробные сведения о каждой из них отображаются в отладчике.
- Прокрутите вниз и нажмите Safari, чтобы открыть экран, содержащий все, что связано с веб-браузером Safari на вашем iPhone, iPad или iPod touch.
- Прокрутите страницу вниз и выберите Дополнительно.
-
Переместите тумблер Web Inspector в положение Вкл.
Image
Подключите устройство iOS к Safari на Mac
Чтобы использовать Web Inspector, подключите свой iPhone или другое устройство iOS к Mac с веб-браузером Safari и включите меню «Разработка».
-
При открытом Safari выберите Safari в строке меню и выберите Настройки.
Image -
Выберите вкладку Дополнительно.
Image -
Установите флажок Показать меню «Разработка» в строке меню и закройте окно настроек.
Image -
В строке меню Safari выберите Разработка и выберите имя подключенного устройства iOS, затем выберите URL-адрес, который отображается в разделе Safariчтобы открыть консоль отладки для этого сайта.
Image После того, как вы подключите свое устройство, используйте свой Mac для проверки веб-сайта, который вы хотите отладить, и откройте его в мобильном браузере Safari.
Что такое Web Inspector?
Веб-разработчики используют Web Inspector для модификации, отладки и оптимизации веб-сайтов на компьютерах Mac и устройствах iOS. Открыв веб-инспектор, разработчики могут проверять ресурсы на веб-странице. Окно Web Inspector содержит редактируемый HTML-код и примечания относительно стилей и слоев веб-страницы на отдельной панели.
До iOS 6 веб-браузер iPhone Safari имел встроенную консоль отладки, которую разработчики использовали для поиска дефектов веб-страницы. В последних версиях iOS вместо этого используется Web Inspector.
В Safari 9 и OS X Mavericks (10.9) Apple представила режим адаптивного дизайна в Web Inspector. Разработчики используют этот встроенный симулятор для предварительного просмотра того, как веб-страницы масштабируются под разные размеры экрана, разрешения и ориентации.
