После ночного серфинга в Интернете я обнаружил репозиторий Google о проксировании DevTools для iOS устройств. Он создает прокси-сервер для проверки вашего мобильного сафари с помощью DevTools Chrome. Обычно вы делаете это из веб-инспектора Safari на вкладке Разработчики, но если вы предпочитаете Chrome и его DevTools, следуйте следующим инструкциям.

Установка:

Единственное, что вам нужно установить, это пакет ios-webkit-debug-proxy:

Mac:

brew install ios-webkit-debug-proxy

Windows:

scoop bucket add extras
scoop install ios-webkit-debug-proxy

Linux:

sudo apt-get install autoconf automake libusb-dev libusb-1.0-0-dev libplist-dev libplist++-dev usbmuxd libtool libimobiledevice-dev libssl-dev

git clone https://github.com/google/ios-webkit-debug-proxy.git
cd ios-webkit-debug-proxy

./autogen.sh
make
sudo make install

Выполняется:

Сначала откройте Safari на своем устройстве или симуляторе и запустите (проверено Chrome v45 +):

ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

Он обнаружит все доступные устройства и выведет их список на порту 9221, например:

  • Список всех устройств: localhost: 9221
  • Первое подключенное устройство идет по адресу: localhost: 9222
  • Второе подключенное устройство идет по адресу: localhost: 9223
  • так далее…

Примечание. из-за ошибки, заключающейся в том, что Chrome не позволяет открыть URL-адрес chrome-devtools:// из DOM, вам может потребоваться перейти, нажав Open in new tab, или скопировать указанный URL-адрес и вставить его в адресную строку.

Должно получиться так:

chrome-devtools://devtools/bundled/inspector.html?ws=localhost:{port}/devtools/page/1

Примечание 2: вам необходимо включить Web Inspector на вашем устройстве iOS:

Settings > Safari > Advanced > Web Inspector

Впервые он может выдать ошибку, что не может подключиться к Safari на устройстве (даже если у вас включен Web Inspector). Попробуйте отсоединить кабель USB и снова подключить.

Для устранения неполадок, пожалуйста, отметьте check ios-webkit-debug-proxy / issues