Новый iOS 6 Safari поставляется с функцией Web Inspector, которая позволяет подключаться к нему со своего рабочего стола Safari через USB-кабель. Затем он позволяет отлаживать страницы, открытые в iOS Safari, со своего рабочего стола. Но насколько я вижу, эта функция вкратце поддерживалась только на Mac Safari, а не на Windows? Я прав, или Windows Safari также имеет такую возможность? Или он станет доступен позже, возможно?
Доступ к веб-инспектору iOS Safari с компьютера Windows
Ответ 1
Кажется, требуется Safari 6, который не был выпущен для Windows. Что касается недоступности Safari 6 в Windows, Apple заявила: "Safari 6 доступен для Mountain Lion и Lion. Safari 5 по-прежнему доступен для Windows".
Ответ 2
Я регулярно использую weinre. Он в основном запускает веб-сервер, который, в свою очередь, выступает в роли инспектора с расширенным прокси-сервером для просмотра веб-страниц и веб-сайтов. Инспектор можно запустить, добавив script на свою страницу или запустив букмарклет.
weinre - отладчик для веб-страниц, таких как FireBug (для FireFox) и Web Inspector (для браузеров на основе WebKit), за исключением того, что он предназначен для работы удаленно и, в частности, позволяет вам отлаживать веб-страницы на мобильном устройстве, например как телефон.
Чтобы установить его, вам понадобятся NodeJS и NPM (в комплекте с NodeJS). Вам также понадобится браузер на основе WebKit на рабочем столе/получателе (Safari, Google Chrome или Chromium). Он должен работать на Windows, OSX и Linux.
- Официальная страница: https://people.apache.org/~pmuellr/weinre/
- Документация и начало работы: https://people.apache.org/~pmuellr/weinre/docs/latest/
- Пакет NPM: https://www.npmjs.com/package/weinre
Если у вас уже установлены NodeJS и NPM, вы можете установить и запустить его с помощью:
npm i -g weinre
weinre
# Go to the URL that it outputs for instructions to use it
UPDATE:
@EvAlex указал еще один инструмент, очень похожий на Weinre, называемый Vorlon.js. Он подключается и поддерживает просмотр/переключение между инспектором нескольких устройств одновременно.
Ответ 3
Для тех, кто все еще борется с этим, Firebug Lite 'bookmarklet' позволит вам отлаживать javascript в iOS6 Safari. Следуйте этому руководству: http://iosbookmarklets.com/tutorials/firebug-lite-bookmarklet-ipad/
Ответ 4
Настройка Vorlon в Windows
npm i -g vorlon
vorlon
Убедитесь, что ворлон работает
Откройте веб-браузер и перейдите к http://localhost:1337
Настройка Ngrok
- Загрузить Ngrok: https://ngrok.com/download
- Разархивируйте его
- Откройте командную строку:
Start -> Search -> cmd - Перейдите к ngrok.exe:
cd <ngrok_path_where_ngrok.exe is stored>/ - Запустите его:
ngrok.exe http <port>например.ngrok.exe http 1337
Ngrok предоставляет URL-адрес, например. https://0ad8c32f.ngrok.io -> localhost:1337
Скопируйте и вставьте URL-адрес ngrok на свою веб-страницу.
<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>
Перейдите к тестируемой странице на вашем устройстве (ах):
http://thepageiwanttotest.com/testing123
Ссылки
- Ссылка на Vorlon: http://vorlonjs.com/#getting-started
- Ссылка Ngrok: https://ngrok.com/download
Ответ 5
Наткнулся на этот блог который показывает, как отлаживать веб-приложение iOS в Windows, используя приложение stellalone от Telerik под названием AppBuilder. Вы должны создать учетную запись на своей платформе перед ее использованием, и у вас 30-дневная пробная версия.
Я использовал это на Windows 7 64 бит как для веб-приложений, так и для приложений Phonegap на iPad с iOS 7.1, и это работает. Вы получаете инструменты для веб-разработки, очень похожие на инструменты в Chrome.
Ответ 6
Я нашел отличный инструмент под названием GapDebug
это было правильным решением для меня:)
Ответ 7
После попытки установить Weinre на моем компьютере с Windows 10, на котором запущен IIS и клиент localhost, и никогда не смог заставить его работать, я искал альтернативное решение.
Оказывается, Safari для Windows был прекращен Apple, но я смог очистить копию после обнаружения следующей ссылки. О, веб-инспектор в Safari смог помочь мне найти проблему в моем приложении после ее установки.
https://apple.stackexchange.com/info/68836/where-can-i-download-safari-for-windows
Как только Safari был установлен, мне нужно было включить инструменты разработчика. Для этого нужно войти в "Настройки" > "Дополнительно" > "Показать меню" Создать меню в строке меню" > (щелкните значок страницы рядом с значком значка звездочки над Разработайте). Начните отладку в JavaScript. Отсюда он очень похож на Chrome...: -)