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

Още по-добре, с най-новите версии на iOS той всъщност използва същия Web Inspector, който прави и Safari на настолен компютър, което означава, че ако свържете iPhone или iPad към компютъра, можете да използвате директно инструментите за отстраняване на грешки на Safari с вашето iOS или iPadOS устройство

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

Нека научим как да активираме тази функция както в новата, така и в старата версия на iOS и да научим какво е различното между версиите.

Как да активирате и използвате Web Inspector в Safari за iPhone и iPad

В съвременните версии на iOS и iPadOS ето как работи уеб инспекторът на Safari:

1. Отворете Настройки > Safari > Разширени, след което докоснете, за да активирате „Web Inspector“
2. Свържете iPhone или iPad към Mac, след това отидете в Safari и активирайте менюто за разработчици, ако не сте го направили, като отидете в Safari > Предпочитания > Разширени > Показване на лентата с менюта за разработка
3. Издърпайте надолу лентата с менюта „Разработване“ и намерете iPhone или iPad, след което отворете уеб страницата, която искате да отстраните грешките
4. Ще се отвори Safari Web Inspector, където можете да отстранявате грешки и да проверявате уеб елементи от iOS или IPadOS устройство директно в Safari на Mac

Сега, докато навигирате в iPhone или iPad, ще откриете, че Web Inspector в Safari на Mac ще се актуализира.

Можете да осъществите достъп до конзолата за отстраняване на грешки през раздела Конзола в уеб инспектора и можете да получите достъп до програмата за отстраняване на грешки през раздела Дебъгер. И, разбира се, обичайните инструменти за уеб инспектор за елементи, ресурси, мрежа и т.н. също са налични за използване.

Можете също да използвате трика за преглед на източника за iOS и iPadOS, докато сте в движение, ако е необходимо.

Как да активирате Debug Console на по-стари версии на iOS

Ако имате по-стара версия на iOS на по-стар iPhone или iPad, цялото изживяване при отстраняване на грешки е на устройството и нямате възможност да го свържете към Safari на Mac. Въпреки това все още е доста полезно, ето как работи:

1. Стартирайте „Настройки“ и натиснете „Safari“
2. Докоснете „Разширени“
3. Плъзнете „Debug Console“ на ON

След като бъде активирано, докоснете конзолата за отстраняване на грешки в горната част на всеки екран на Safari, за да видите грешки в уеб страницата.

Списъкът по подразбиране показва всички грешки, но можете да стигнете до по-конкретни HTML, JavaScript и CSS грешки, като ги докоснете поотделно.

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

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