▷ Включите консоль отладки Safari на iPhone и iPad
Safari для iOS включает дополнительную консоль отладки, которая помогает веб-разработчикам отслеживать и устранять проблемы с веб-страницами на iPhone и iPad.
Более того, в последних версиях iOS он использует тот же веб-инспектор, что и Safari на рабочем столе, а это означает, что если вы подключите iPhone или iPad к компьютеру, вы можете использовать инструменты отладки Safari напрямую с iOS или iPadOS. устройство
Более старые версии iOS также имеют эту возможность, и хотя она не такая всеобъемлющая, как инструменты отладки и разработчика Safari, ее по-прежнему полезно и легко включать и выключать на iPhone и iPad.
Давайте посмотрим, как включить эту функцию в новых и старых версиях iOS, а также выясним различия между версиями.
Как активировать и использовать Web Inspector в Safari для iPhone и iPad
В современных версиях iOS и iPadOS веб-инспектор Safari работает следующим образом:
Откройте «Настройки»> «Safari»> «Дополнительно», затем нажмите, чтобы активировать «Веб-инспектор».
Подключите iPhone или iPad к Mac, затем перейдите в Safari и активируйте меню разработчика, если вы еще не сделали этого, перейдя в Safari> Настройки> Дополнительно> Показать панель меню «Разработка».
Спуститесь в строку меню «Разработка» и найдите iPhone или iPad, затем откройте веб-страницу, которую хотите отладить.
Откроется Safari Web Inspector, который позволит вам отлаживать и проверять веб-элементы с устройства iOS или iPadOS непосредственно в Safari на Mac.
Теперь, когда вы просматриваете страницы на iPhone или iPad, вы найдете в Safari на Mac веб-инспектор, который будет обновляться.
Вы можете получить доступ к консоли отладки через вкладку Console веб-инспектора, а вы можете получить доступ к отладчику через вкладку Debugger. Конечно, вы также можете использовать обычные инструменты веб-инспектора для элементов, ресурсов, сети и т. Д.
При необходимости вы также можете использовать совет по просмотру исходного кода для iOS и iPadOS, находясь в пути.
Как включить консоль отладки в старых версиях iOS
Если у вас более старая версия iOS на более старом iPhone или iPad, все возможности отладки находятся на устройстве, и у вас нет возможности подключить его к Safari на Mac. Тем не менее, он по-прежнему очень полезен, вот как это работает:
Запустите «Настройки» и нажмите «Safari».
Нажмите “Дополнительно”
Сдвиньте “Консоль отладки” в положение ВКЛ.
После включения коснитесь консоли отладки в верхней части любого экрана Safari, чтобы увидеть ошибки веб-страницы.
В списке по умолчанию отображаются все ошибки, но вы можете получить доступ к более конкретным ошибкам HTML, JavaScript и CSS, нажав на каждую из них.
Еще один полезный инструмент для разработчиков мобильных веб-сайтов – Firebug Lite для iOS, который использует букмарклет javascript для загрузки более простой версии популярного инструмента разработчика Firebug. Эта функция, вероятно, наиболее полезна и для более старых версий iOS, поскольку в новых версиях есть новые возможности.
Вы используете инструменты веб-разработки для iPhone или iPad? Поделитесь с нами своими советами, приемами, приложениями или методами в комментариях ниже.