Как использовать веб-инспектор в 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. Открыть Сафари.
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. На яТелефон, выключите 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 будет одинаковой на обеих платформах.