Возможна ли отладка iOS Chrome в Windows 10?
Как говорится в названии, мне нужно отладить веб-сайт, открытый с помощью мобильного Chrome, на устройстве iOS (iPod, iPad и т. д.) В Windows 10. Я успешно настроил отладку iOS Safari в Windows 10 с помощью Chrome DevTools (Репозиторий GitHub, полезный комментарий). Я бы хотел сделать то же самое, за исключением Chrome или Firefox, а не Safari. Это вообще возможно?
@BenCarp Я думаю, что это была версия 11, но я точно не знаю - сейчас у меня нет устройств с собой, и я не могу найти их на моем ПК, извините
Ответы 2
Да, это. Сначала вам понадобится узел и (веб-инспектор включен в iOS> Настройки> Safari), затем ...
- Установите weinre
sudo npm -g i weinre(или)npm i -g weinre - Запустите weinre
weinre --boundHost YOUR_IP:PORT - Когда он запустится, скопируйте и вставьте следующий скрипт в свой код
<script src = "http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js"></script>
Подключите устройство iOS через USB
Перейдите в
http://YOUR_IP_ADDRESS:PORT/client/из своего браузера (вашего компьютера), где вы хотите отладить, и вы увидите свое устройство.
Ошибка на шаге 2
Если вы видите какую-либо ошибку на шаге 2, сначала проверьте свой IP-адрес через ipconfig, а затем свяжите аналогичный IP-адрес со свободным портом, который не используется. Например, мой локальный IP-адрес 192.168.1.5, поэтому я использовал тот же самый со свободным портом - 192.168.1.5:4576.
Ошибка на шаге 5
Если вы не видите свое устройство, попробуйте добавить имя myDevice в сценарий в Шаг 3 следующим образом
<script src = "http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js#myDevice"></script>
Затем на шаге 5 при достижении вашего устройства добавьте имя устройства к URL-адресу как
http://YOUR_IP_ADDRESS:PORT/client/#myDevice
УСПЕХ
Если все работает нормально, вы сможете проверить свой код, прочитать indexedDB, session и localStorage и увидеть результаты в консоли среди других инструментов разработки.
Я впечатлен тем, как это сработало для меня так легко. Была только одна проблема: я получал «weinre: не удалось разрешить адрес boundHost» при запуске команды boundHost, и мне пришлось изменить на «-all-» вместо моего локального IP-адреса, и он успешно создал сервер по адресу: 8080
@zeion Я не уверен, что это будет работать так, потому что target-script нужно вставить в код.
Если у вас нет доступа к коду, weinre предоставит вам сценарий, который вы можете ввести в URL-адрес, внедряя сценарий на работающий веб-сайт. Например: javascript:(function(e){e.setAttribute("src","http://localhost:8080/target/target-script-min.js#anonymous");document.getElementsByTagName("body")[0].appendChild(e);})(document.createElement("script"));void(0);
Я попытался запустить «weinre --boundHost <ip>: <port>», но продолжал получать ошибку «weinre: не удалось разрешить адрес boundHost: <ip>: <port>». Решением было изменить аргументы на: "weinre --boundHost <ip> --httpPort <port>"
возможно ли смоделировать систему iOS (виртуальную машину) ??
Я нашел эту ссылку очень полезной.
Нет другого ответа или статьи в Интернете более прямолинейного, чем этот: Вашамдев
Это многословная статья, поэтому я не могу здесь все разместить. Надеюсь, ссылка не разорвется.
На какой версии IOS вы успешно настроили отладку IOS-Safari-Chrome?