Safari для iOS включает дополнительную консоль отладки, которая помогает веб-разработчикам отслеживать и решать проблемы с веб-страницами на iPhone и iPad.

Более того, в последних версиях iOS фактически используется тот же веб-инспектор, что и в настольном Safari. Это означает, что если вы подключите iPhone или iPad к компьютеру, вы сможете напрямую использовать инструменты отладки Safari. с вашим устройством iOS или iPadOS

Старые версии iOS также имеют эту возможность, и хотя она не так обширна, как настольные инструменты отладки и разработчика Safari, она по-прежнему полезна, и ее легко включить или отключить на iPhone и iPad.

Давайте узнаем, как включить эту функцию как в новой, так и в старой версии iOS, а также узнаем, в чем разница между версиями.

Как включить и использовать веб-инспектор в Safari для iPhone и iPad

В современных версиях iOS и iPadOS веб-инспектор Safari работает следующим образом:

1. Откройте «Настройки» > Safari > «Дополнительно», затем нажмите, чтобы включить «Веб-инспектор»
2. Подключите iPhone или iPad к Mac, затем перейдите в Safari и включите меню разработчика, если вы еще этого не сделали, перейдя в Safari > Настройки > Дополнительно > Показать строку меню «Разработка»
3. Потяните вниз строку меню «Разработка» и найдите iPhone или iPad, а затем откройте веб-страницу, которую вы хотите отладить
4. Откроется Safari Web Inspector, в котором вы сможете отлаживать и проверять веб-элементы с устройства iOS или iPadOS непосредственно в Safari на Mac

Теперь при навигации на iPhone или iPad вы обнаружите, что веб-инспектор в Safari на Mac будет обновляться.

Вы можете получить доступ к консоли отладки через вкладку Консоль в веб-инспекторе, а к отладчику можно получить доступ через вкладку Отладчик. И, конечно же, также доступны обычные инструменты веб-инспектора для элементов, ресурсов, сети и т. д.

Вы также можете использовать прием View Source для iOS и iPadOS, когда вы в пути, если это необходимо.

Как включить консоль отладки в старых версиях iOS

Если у вас установлена ​​более старая версия iOS на более старом iPhone или iPad, все возможности отладки находятся на устройстве, и у вас нет возможности подключить его к Safari на Mac. Тем не менее, это все еще весьма полезно, вот как это работает:

1. Запустите «Настройки» и нажмите «Safari»
2. Нажмите «Дополнительно»
3. Переведите «Консоль отладки» в положение ВКЛ.

После включения коснитесь консоли отладки в верхней части любого экрана Safari, чтобы увидеть ошибки веб-страницы.

В списке по умолчанию показаны все ошибки, но вы можете перейти к более конкретным ошибкам HTML, JavaScript и CSS, коснувшись их по отдельности.

Другим полезным инструментом для мобильных веб-разработчиков является Firebug Lite для iOS, который использует букмарклет javascript для загрузки более простой версии популярного инструмента разработки Firebug. Эта функциональность, вероятно, наиболее полезна и для более старых версий iOS, поскольку в более новых версиях есть новые возможности.

Используете ли вы какие-либо инструменты веб-разработчика для iPhone или iPad? Поделитесь с нами любыми советами, приемами, приложениями или приемами в комментариях ниже.