Я хочу проверить свой сайт на Safari на своем ipad. У меня только другой компьютер. Есть ли способ для меня удаленной отладки, такой как ADB с мобильным Chrome? Я искал в StackOverflow, кажется, что есть Adobe Edge Inspect CC, но я не знаю, является ли это хорошим выбором.
Спасибо!
Обновление 2018 года:
Начиная с оригинального сообщения, сообщение в блоге умерло & Telerik App Builder больше не поддерживается и больше не предлагается. Добавление этого обновления для информирования читателей в случае, если они не читают комментарии пользователей, которые следуют за этим постом ответа. Что касается поста в блоге, для тех, кто все еще заинтересован, здесь есть веб-кешированная копия. Что касается блога, я думаю, что компания, с которой блог был с тех пор закрыта.
Когда у меня будет возможность, я посмотрю, сохранена ли у меня копия компоновщика приложений, чтобы я мог опубликовать ее в Интернете для тех, кто все еще заинтересован в ее использовании, а также, возможно, еще одну кэшированную копию поста в блоге.
Оригинальный ответ
Вы можете попробовать вариант использования Telerik AppBuilder (клиент Windows) в качестве замены в Windows для отладчика Safari на Mac при удаленной отладке. Там есть хороший пост в блоге о том, как это сделать, по ссылке ниже. Я бы предпочел не публиковать информацию, так как есть скриншоты и много текста. Но, по сути, вы устанавливаете приложение, открываете его, подключаете устройство через USB, затем вы можете найти его в приложении и открыть для него инструменты разработчика/отладчик. Для непубличных веб-сайтов вам придется открыть порт 80 с некоторыми настройками брандмауэра, описанными в посте.
Средство требует лицензии, или вы можете использовать пробную версию, которая впоследствии становится базовой версией. Я думаю, что базовая версия все еще позволит вам делать отладку. Я собираюсь попробовать это сам.
Вы также можете попробовать эти приложения для iOS, вы можете найти их в магазине приложений iTunes. Они предоставляют вам встроенную функцию инструментов разработчика (прямо на iOS без удаленной отладки), которую мобильный Safari не предлагает.
MIH Tool - базовое издание https://itunes.apple.com/us/app/mihtool/id584739126?ls=1&mt=8
HTTPWatch Basic https://itunes.apple.com/us/app/httpwatch-basic-http-sniffer/id658886056?mt=8
Я попробовал их, и они, по крайней мере, лучше, чем мобильный Safari, который вы получаете на iOS, если только вам не нужна целевая совместимость с мобильным Safari. Я предполагаю, что про/платные версии этих приложений дают вам больше/лучше функций.
Обновление октября 2019 года
Это решение не работает для IOS 12+ (ресурс 1, ресурс 2).
Обновлено и протестировано 24/6/2017
Использование Chrome в Windows 8 и более поздних версиях:
Скачайте и установите ITunes и подключите его к вашему устройству. (На вашем iPad должно появиться всплывающее окно, чтобы получить авторизацию) , Обязательно включите веб-инспектор на своем iPad
Загрузите и установите адаптер удаленного веб-набора
Использование Powershell (от имени администратора):
npm install remotedebug-ios-webkit-adapter -g
Использование Powershell (в качестве администратора):
remotedebug_ios_webkit_adapter --port=9000
Вы должны получить похожий вывод:
C:\Windows\system32> remotedebug_ios_webkit_adapter --port=9000
remotedebug-ios-webkit-adapter is listening on port 9000
iosAdapter.getTargets
...
chrome://inspect/#devices
Убедитесь, что веб-страница, которую вы хотите отладить, открыта в Safari, вы должны увидеть ее на странице инспектора Chrome в разделе Удаленная цель
Дополнительный шаг для iOS 11 Благодаря @skaurus
См. ответ Lemmy4555, чтобы узнать, как проще всего выполнять отладку на компьютере под управлением Windows 8+ с iOS 9+. Я обновил свое сообщение в блоге, используя информацию из этого ответа и других источников, а также записал скриншот. Приведенный ниже метод все еще должен работать для iOS 8 и ниже, если это необходимо.
На самом деле существует довольно простой способ отладки веб-сайта в Safari на iOS с помощью Firefox на компьютере с Windows.
ПРИМЕЧАНИЕ: Райан написал в комментариях ниже, что это может работать только на iOS 8 и ниже. Я не могу подтвердить, но имейте в виду.
Я написал подробное сообщение в блоге об этом, но вот основные моменты:
Доступная отладочная информация не такая исчерпывающая, как в Chrome Developer Tools (в частности, нет вкладки "Сеть"), но мне было достаточно, чтобы я мог видеть, что происходит в консоли.
Этот вопрос был более 4-х лет назад, но я считаю, что стоит упомянуть еще один вариант, который не зависит от платформы и который, по-видимому, не упомянут выше:
VConsole
Это JavaScript, который вы можете внедрить на свои страницы, который перезапишет всю исходную консольную информацию и покажет ее как наложение поверх содержимого вашей страницы с уровнем детализации, почти равным уровню Google Chrome Developer Tools.
Хорошо работает в iOS Safari, а также в других мобильных браузерах - до тех пор, пока в браузере включен JavaScript.
Как установить: https://www.npmjs.com/package/vconsole
Вам понадобятся инструменты NPM для его установки, но на самом деле не обязательно использовать NPM для создания вашего проекта. Вы можете просто установить VConsole где-нибудь в отдельной папке и просто скопировать и вставить vconsole.min.js из нее.
После того, как вы добавите его на свою страницу, он будет выглядеть следующим образом:
<script type="text/javascript" src="vconsole.min.js"></script>
<script type="text/javascript>let vc = new VConsole(); // this will initialize it.</script>
Визуально это очень привлекательно, вы увидите зеленую кнопку в правом нижнем углу своей страницы в браузере для мобильных устройств и настольных компьютеров, которая откроет наложение консоли.
Очень аккуратно!
Конечно, он не дает вам возможности выбрать элемент, посмотреть рассчитанный CSS и т.д., Но если вы ищете вывод консоли и какой-то сетевой отчет, этот действительно прост в использовании.
Я использую PrePros для предварительной обработки CSS и имеет встроенный сервер для отладки мобильных устройств и веб-инспектора. Но это полезно только для локальных сайтов даже...
По моему опыту, это часто не проблема с мобильным Safari, но Safari в целом. В этих случаях это может помочь попробовать обычное Safari (для Windows) и посмотреть, появляются ли там ошибки. Если это так, гораздо проще отладить что-то таким образом.
Я не пробовал это на ПК, но вы должны иметь возможность перейти на http://[DEVICE_IP_ADDRESS]: 9999 для отладки.