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

Веб-сайты не всегда доступны из настольной системы. На мобильных устройствах тоже есть браузеры, и они используются для доступа к веб-сайтам так же, если не чаще, чем на настольных компьютерах. В редких случаях на популярных веб-сайтах есть мобильное приложение, но на большинстве веб-сайтов его нет. Вот почему веб-сайт должен разумно работать как в настольных, так и в мобильных браузерах. Чтобы убедиться, что это так, веб-сайты необходимо отлаживать во время разработки в мобильных веб-браузерах, где вы сталкиваетесь с проблемами, поскольку у них нет консоли, как у настольных браузеров.

Нужен доступ к консоли для мобильного Chrome на Android? Ознакомьтесь с нашим руководством .

Веб-инспектор в Safari

Если вы отлаживаете веб-сайты в Safari на iOS, вы можете использовать встроенный веб-инспектор Safari. Единственное ограничение - у вас должен быть Mac. Доступ к веб-консоли в мобильном Safari осуществляется через Safari на Mac. Настройка требует времени.

учетная запись iCloud

Чтобы использовать веб-инспектор в Safari, устройство iOS и Mac должны использовать одну и ту же учетную запись iCloud и настроить синхронизацию Safari.

macOS

1. Откройте Системные настройки .
2. Перейдите в Apple ID (обратите внимание на идентификатор, который используется).
3. Выберите iCloud в столбце слева и убедитесь, что Safari включен на панели справа.
4. Откройте Safari .
5. Щелкните Safari в строке меню и выберите « Настройки» .
6. В настройках Safari перейдите на вкладку «Дополнительно» .
7. Включите «Показать меню разработки в строке меню» .

iOS

1. Откройте приложение " Настройки" .
2. Коснитесь своей учетной записи вверху.
3. Убедитесь, что используемый Apple ID совпадает с используемым на Mac .
4. Коснитесь iCloud .
5. Включите iCloud для Safari .
6. Вернитесь на главный экран приложения «Настройки» .
7. Перейдите в Общие и прокрутите вниз.
8. Выберите « Сброс»> «Сбросить местоположение и конфиденциальность» .

Включить веб-инспектор

Теперь вы готовы подключить устройство iOS к вашему Mac.

1. С помощью кабеля для передачи данных , подключите iPhone (или IPad) на Mac .
2. На вашем iPhone вы увидите запрос с вопросом, следует ли доверять компьютеру, к которому он подключен. Нажмите «Доверие» и введите пароль на свое устройство .
3. Откройте Safari на iPhone и посетите веб-сайт, который хотите отладить .
4. На Mac откройте Safari и перейдите в раздел «Разработка» . Ваш iPhone должен появиться в подменю. Выберите его и выберите веб-сайт , который нужно отлаживать. Он появится в подменю.
5. Откроется новое окно с веб-инспектором .

Исправление проблем

В некоторых случаях описанный выше метод может не сработать. Это ошибка macOS. Единственное, что работает почти во всех случаях, - это исправление, приведенное ниже, однако выполните следующие действия ПОСЛЕ того, как вы выполнили действия, описанные в предыдущем разделе.

1. Отключите iPhone от Mac.
2. Откройте приложение «Настройки» на iPhone .
3. Выберите « Основные»> «Сброс»> «Сбросить местоположение и конфиденциальность» .
4. На i Phone выключите Wi-Fi, включите Bluetooth и включите мобильную точку доступа .
5. Подключите iPhone к Mac . Доверяйте компьютеру при появлении запроса на iPhone.
6. Откройте Safari на iPhone и посетите веб-сайт, который хотите отладить.
7. На Mac откройте Safari .
8. Выберите « Разработка»> «Ваш iPhone»> «Подключиться по сети» .
9. Затем перейдите в « Разработка»> «Ваш iPhone»> «Выберите веб-сайт, открытый в Safari на iPhone».

Вывод

Отладку веб-сайта в Safari для iOS можно выполнить только на Mac. Вам необходимо убедиться, что версия Safari на iOS такая же, как и на Mac. Хорошее практическое правило - всегда запускать последнюю стабильную версию iOS и macOS при отладке веб-сайта. Это гарантирует, что версия Safari будет одинаковой на обеих платформах.