До iOS 6 в веб-браузере iPhone Safari была встроенная консоль отладки, которую разработчики использовали для поиска дефектов веб-страниц. В последних версиях iOS вместо этого используется Web Inspector. Web Inspector используется веб-разработчиками для изменения, отладки и оптимизации веб-сайтов на Mac и устройствах iOS.
Чтобы использовать Web Inspector, подключите iPhone к компьютеру Mac с помощью кабеля, откройте Safari Mac и включите меню «Разработка» в расширенных настройках Safari.
Информация в этой статье относится к iPhone и другим устройствам iOS с iOS 6 по iOS 12 и Mac на Mac OS X Leopard (10.5) и более поздних версиях, если не указано иное.
:max_bytes(150000):strip_icc()/activate-the-debug-console-in-safari-445798-966c0d94643b4d458363ba425319dbdc.png)
Мигель Ко / Lifewire
Активируйте Web Inspector на iPhone iOS 6 и новее
Веб-инспектор по умолчанию отключен, поскольку большинству пользователей iPhone он не нужен. Однако разработчики могут активировать его за несколько коротких шагов. Вот как:
-
Нажмите Настройки на главном экране iPhone.
На iPhone с ранней версией iOS откройте консоль отладки через Настройки > сафари > разработчик > Консоль отладки. Каждый раз, когда Safari на iPhone обнаруживает ошибки CSS, HTML и JavaScript, сведения о каждой из них отображаются в отладчике.
-
Прокрутите вниз и нажмите сафари , чтобы открыть экран, содержащий все, что связано с веб-браузером Safari, на вашем iPhone, iPad или iPod touch.
-
Прокрутите экран вниз и коснитесь РАСШИРЕННЫЙ.
-
Перемещение веб-инспектор переключатель на On позиции.
:max_bytes(150000):strip_icc()/001-activate-the-debug-console-in-safari-445798-a4b7da19fff847cf9ea9ffe911da0b31.jpg)
Подключите iPhone к Safari на Mac
Чтобы использовать Web Inspector, подключите свой iPhone или другое устройство iOS к Mac, на котором запущен веб-браузер Safari. Подключите устройство к компьютеру с помощью кабеля.
В открытом Safari сделайте следующее:
-
Нажмите сафари в строке меню и выберите Предпочтения.
:max_bytes(150000):strip_icc()/001-autofill-in-safari-for-os-x-and-macos-sierra-4103704-fc557bbc7ab341038f5be1d9953a2307.jpg)
-
Нажмите РАСШИРЕННЫЙ Tab.
:max_bytes(150000):strip_icc()/002-activate-the-debug-console-in-safari-445798-ebbd2813dedc448da5c705ece1aaa9a2.jpg)
-
Выберите Показать меню «Разработка» в строке меню установите флажок.
:max_bytes(150000):strip_icc()/003-activate-the-debug-console-in-safari-445798-126e0290482f4b3790f5a0a76803baf9.jpg)
-
Закройте окно настроек.
-
В строке меню Safari щелкните развивать, А затем выберите Подключить веб-инспектор.
:max_bytes(150000):strip_icc()/004-activate-the-debug-console-in-safari-445798-752dc8ee8cf042b0a8754e36dc23a842.jpg)
Подключенный iPhone или другое устройство iOS появится в развивать выпадающее меню. С открытым Web Inspector разработчики могут проверять все ресурсы на веб-странице. Окно Web Inspector содержит редактируемый HTML-код и примечания относительно стилей и слоев веб-страницы на отдельной панели.
В Safari 9 и OS X Mavericks (10.9) Apple представила режим адаптивного дизайна в Web Inspector. Разработчики используют этот встроенный симулятор, чтобы просмотреть, как веб-страницы масштабируются под разные размеры экрана, разрешения и ориентации.