Skip to content

Instantly share code, notes, and snippets.

@maksnester
Last active October 22, 2019 13:59
Show Gist options
  • Save maksnester/759849618e14fc6a657beaf4f58a31ae to your computer and use it in GitHub Desktop.
Save maksnester/759849618e14fc6a657beaf4f58a31ae to your computer and use it in GitHub Desktop.
Дебаг ios сафари локально в windows, когда есть доступ к запускаемому фронтенду

(раньше работал remotedebug_ios_webkit_adapter но кажется с версией ios > 12 больше не работает)

Можно использовать weinre

Установка и запуск

npm i -g weinre
// host - ваш ip на котором запускается фронтенд, порт любой
weinre --httpPort=9000 --boundHost=172.16.4.131

Зайти на http://172.16.4.131:9000/target/target-script-min.js

Вытащить скрипт и вставить как есть в index.html (вообще куда вставлять не важно, просто скрипт должен попасть на страницу в итоге)

Например, в блоке head, вот так:

    <script>
      ;(function() {
        // ... много кода ...
   </script>

Найти во вставленном скрипте Target.prototype.setWeinreServerURLFromScriptSrc = function(element) {

Заменить всё тело на window.WeinreServerURL = '172.16.4.131:9000'; - ваш ip на котором запущен weinre сервер.

http://172.16.4.131:9000/client/ покажет подключенные клиенты, там можно посмотреть html элементы, network и консоль.

Если всё хорошо, то выглядит так (раздел Targets должен показывать приконнектившийся телефон)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment