Как да активирате iPhone Debug Console или Web Inspector

Съдържание:

Как да активирате iPhone Debug Console или Web Inspector
Как да активирате iPhone Debug Console или Web Inspector
Anonim

Какво да знаете

  • Активирайте Web Inspector на iOS: Отидете на Settings > Safari > Advanced и преместете превключвателят Web Inspector на позиция Вкл..
  • Използвайте Web Inspector на macOS: Свържете вашето устройство с iOS към Mac и изберете URL адреса за проверка от менюто Develop.

Ако попаднете на грешка или друг проблем с уебсайт на Safari mobile, използвайте инструмента 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 не го използват. Ако обаче сте разработчик или сте любопитни, можете да го активирате в няколко кратки стъпки. Ето как:

  1. Отворете менюто Настройки на iPhone.

    На iPhone с ранна версия на iOS влезте в конзолата за отстраняване на грешки чрез Настройки > Safari > Разработчик > Конзола за отстраняване на грешки Когато Safari на iPhone открие CSS, HTML и JavaScript грешки, подробности за всеки дисплей в програмата за отстраняване на грешки.

  2. Превъртете надолу и докоснете Safari, за да отворите екрана, който съдържа всичко, свързано с уеб браузъра Safari на вашия iPhone, iPad или iPod touch.
  3. Превъртете до края на страницата и изберете Разширени.

  4. Преместете превключвателя Web Inspector на позиция Вкл..

    Image
    Image

Свържете вашето iOS устройство към Safari на Mac

За да използвате Web Inspector, свържете вашия iPhone или друго устройство с iOS към Mac, който има уеб браузър Safari, и активирайте менюто Develop.

  1. При отворен Safari изберете Safari от лентата с менюта и изберете Предпочитания.

    Image
    Image
  2. Изберете раздела Разширени.

    Image
    Image
  3. Изберете квадратчето Показване на менюто за разработка в лентата с менюта и затворете прозореца с настройки.

    Image
    Image
  4. От лентата с менюта на Safari изберете Develop и изберете името на вашето свързано iOS устройство, след което изберете URL адреса, който се показва под Safariза отваряне на конзолата за отстраняване на грешки за този сайт.

    Image
    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. Разработчиците използват този вграден симулатор, за да визуализират как уеб страниците се мащабират до различни размери на екрана, разделителни способности и ориентации.

Препоръчано: