Google Chrome использует UIWebView для iOS, а не полноценную реализацию Chrome, как аналог Android.

ить настоящую удаленную отладку в Chrome на iOS, но, как и в большинстве мобильных браузеров, вы можете использоватьWeInRe для некоторой простой отладки. Настройка немного сложна, но позволяет вам проверить DOM, увидеть стилизацию, изменить DOM и поиграть с консолью.

Установить:

Букмарклет немного сложнее в установке. Проще всего, если у вас включена синхронизация закладок для настольного и мобильного Chrome. Скопируйте URL-адрес букмарклета с локального сервера Weinre (как описано выше). К сожалению, это не работает, потому что оно не закодировано должным образом. Итак, откройте консоль JavaScript и введите:

copy(encodeURI('')); // paste bookmarklet inside quotes

Теперь у вас должен быть букмарклет в кодировке URL в вашем буфере обмена. Вставьте его в новую закладку подMobile Bookmarks, Назовите это weinre или что-то простое для ввода. Он должен быть синхронизирован с вашим мобильным телефоном довольно быстро, поэтому загрузите страницу, которую вы хотите проверить. Затем введите имя закладки в строке URL-адреса, и вы должны увидеть букмарклет как предложение автозаполнения. Нажмите на нее, чтобы запустить код букмарклета :)

https://creative.adobe.com/products/inspect) это еще один способ отладки всех ваших мобильных устройств IOS и Android (но без Windows Phone). Он использует weinre для удаленной проверки / изменения DOM. Это не самый быстрый из методов, но он работает в Windows.

Отладочный прокси-сервер iOS WebKit (ios_webkit_debug_proxy / iwdp) предположительно позволяет удаленно отлаживать UIWebView. С README.md

The ios_webkit_debug_proxy (aka iwdp) allows developers to inspect MobileSafari and UIWebViews on real and simulated iOS devices via the Chrome DevTools UI and Chrome Remote Debugging Protocol. DevTools requests are translated into Apple's Remote Web Inspector service calls.

емя. Он использует uiWebView, который может немного отличаться от Mobile Safari.

У вас есть несколько вариантов.

Option 1: Удаленная отладка Mobile Safari с использованием инспектора Safari. Если ваша проблема воспроизводится в Mobile Safari, это, безусловно, лучший путь. На самом деле, проходить симулятор iOS еще проще.

Option 2: Используйте Weinre для облегченного процесса отладки.  У Weinre не так много функций, но иногда это достаточно хорошо.

Option 3: Remote debug a proper uiWebView that functions the same.

Вот лучший способ сделать это. Вам нужноустановить XCode.

[Confirmed]that whether am allowed to post this (Can I suggest a product of the company am working at?)

Debug Safari on iOS (не для Chrome на данный момент, читайте дальше для более подробной информации.)

How this works?

Using DevTools with Real Phones

Наведите указатель мыши на элементы, отредактируйте HTML, CSS так же, как работает настольный браузер.

Executing JavaScript in real phone using DevTools

Переключиться наConsole вкладка, выполнить код JavaScript, проверитьconsole.log() вывод и тд ...

Network tab, check request headers, response and so on...

Support for DevTools on BrowserStack?

DevTools are available on :

Client browser needs to be Chrome or Firefox. That means you need to use Chrome or Firefox browser on MacOSX or Windows to use BrowserStack Real Device DevTools.

Примечание. Вам необходимо купить план для тестирования на всех реальных устройствах. В качестве бесплатного пользователя вы получите пару устройств на базе Android с реальными устройствами (включая планшеты) и пару устройств с iOS на реальных устройствах (включая планшеты). Кроме того, подчеркивая словаReal Devices потому что они также предоставляют эмуляторы.

Подробнее об этом, пожалуйста, обратитесь кDevTools раздел наСтраница мобильных функций.

и на сегодняшний день она еще не реализована. Я могу думать о двух вариантах, однако,

I noticed that the behavior of Chrome and Safari are quite identical; Chrome even supports the Gyroscope and other related events which are supported by Safari. I am currently debugging my Web App by enabling the debug console on Safari (Through Settings->Safari)

Also try Adobe Shadow, which allows remote debugging/inspection and Sync.

НТН.

Многие удаленные консоли работают нормально.http://farjs.com это мой проект, и я смог успешно отладить проблемы, специфичные для Crome iOS и не возникающие в сафари с его использованием (и, вероятно, все другие мобильные браузеры)

Проблема заключается в том, что внедрение кода отладки немного сложнее, поскольку Chrome не позволяет устанавливать букмарклеты.

Вместо этого вы можете открыть одну вкладку на странице, которую вы хотите отладить, а другую - на farjs.com, а затем щелкнуть & quot; букмарклет & quot;

Скопируйте код JS букмарклета, вернитесь на первую вкладку со страницей, которую необходимо отладить, и вставьте код букмарклета в строку адреса.

Последним шагом является прокрутка к началу строки адреса и добавление «javascript:», поскольку Chrome удалит его.

угого клиента.

Обратите внимание, что этот подход также можно использовать для отладки приложений, не запущенных на локальном хосте, с помощью ngrok. Увидетьhttps://stackoverflow.com/a/45443203/2073920 для деталей

References

http://vorlonjs.com

https://ngrok.com

Disclaimer

Я просто пользователь, и я не связан с Vorlon.JS и ngrok

Разработать - & gt; Адаптивный режим дизайна

Нажмите & quot; Другое & quot; под устройством

Вставьте это: Mozilla / 5.0 (iPad; CPU OS 10_2_1 как Mac OS X) AppleWebKit / 602.1.50 (KHTML, как Gecko) CriOS / 56.0.2924.79 Mobile / 14D27 Safari / 602.1

Используйте инструменты проверки Safari.

https://bugs.chromium.org/p/chromium/issues/detail?id=584905

К сожалению, они зависят от Apple, чтобы открыть API в WKView для этого, после чегоmaybe отладка будет доступна в Safari.

Настройки & gt; Safari & gt; Приватный просмотр & gt; OFF

ворлонецработает как weinre. Мне нравится пользовательский интерфейс Vorlon, и его поддержкаSSL, мое приложение в HTTPS, я попробовал weinre с ngrok, ghostlab и vorlon, только vorlon работает нормально.

у меня хорошо работает с IOS и отладчиком, открытым в Chrome на Windows 10.

Буду рад, если это кому-нибудь поможетСсылка на сайт