Отладка веб-сайтов в Chrome на iOS 16.4+

Майк Догерти
Mike Dougherty

В Chrome 115 вы можете включить отладку Safari Web Inspector для Chrome на iOS. В этом посте объясняется, как начать.

До Chrome 115 для отладки веб-страниц требовалась сборка Chrome для iOS из исходного кода, поскольку релизная версия WKWebView не поддерживала удаленную отладку Web Inspector. В Chrome 73 мы добавили страницу chrome://inspect , на которой локально отображаются журналы JavaScript для помощи в отладке веб-страниц. Теперь, когда WKWebView позволяет отладку Web Inspector в выпуске (начиная с iOS 16.4), мы добавили параметр в Chrome 115, чтобы включить эту функцию и еще больше улучшить взаимодействие с разработчиками.

Начиная

На вашем iOS-устройстве вам необходимо:

  • iOS 16.4 или новее.
  • Chrome 115 или выше.

На вашем Mac вам понадобится:

  • Меню разработки Safari включено. Включите это в настройках приложения Safari на вкладке «Дополнительные настройки».

На вашем устройстве iOS запустите приложение Chrome и перейдите в «Настройки» . В настройках контента включите веб-инспектор. Перезапустите Chrome для iOS после изменения этого параметра.

Отладка вашего сайта

Если этот параметр включен, вы можете отлаживать любую страницу, работающую в Chrome для iOS, выполнив следующие действия.

  1. Подключите устройство iOS к Mac с помощью кабеля.
  2. В Chrome для iOS перейдите на веб-сайт, который вы хотите проверить.
  3. На вашем Mac запустите Safari. В меню «Разработка» наведите указатель мыши на имя подключенного устройства и выберите URL-адрес веб-сайта, который вы хотите проверить.

Отображаемое окно веб-инспектора позволит выполнить отладку текущего веб-представления. Дополнительные сведения об использовании инструментов разработчика Safari см. в документации Apple.