Какие методы отладки вы используете при веб-разработке для iPhone/iPod?
-
20-08-2019 - |
Вопрос
Я работаю над веб-приложением, и мы нацелены на iPhone и iPod Touch.Я знаком с инструментами отладки для FireFox и IE (например,Firebug и панель инструментов разработчика IE), но я не могу найти ничего для iPod.Я не собираюсь использовать alert
в качестве моего основного инструмента отладки, особенно когда я ожидаю, что события мыши станут одной из основных проблем.
Является этот действительно современное состояние?Какие инструменты вы рекомендуете?
Кроме того, насколько макет HTML на iPhone похож на макет Safari, работающего в Windows?На Маке?
Решение
Версия Safari для iPhone включает консоль отладки, которая может быть очень удобной.Настройки > Safari > Разработчик.
Вы также можете использовать симулятор в iPhone SDK.Никакой дополнительной отладки не требуется, но это проще, чем постоянно использовать физическое устройство.
Вы также можете использовать настольную версию Safari для многих целей.
Другие советы
Веб-инструменты, предназначенные для iPod Touch и iPhone, включают в себя
[Консоль удаленной отладки iPhone](http://code.google.com/p/iphonedebug/)
Симулятор BlackBaud для Windows
[Симулятор Мобильного Сафари](http://www.testiphone.com/)
[айфони](http://marketcircle.com/iphoney/)
Пока В WebKit есть удаленный инспектор, его сложно включить на реальном устройстве iOS (по крайней мере, без джейлбрейка), поэтому большинство инструментов для него предназначены только для симулятора. iWebInspector выглядит многообещающе, но имейте в виду, что библиотека WebKit симулятора не идентична библиотеке устройства.
Вот где Weinre приходит в.С помощью weinre вы можете «отлаживать веб-страницу, отображаемую на вашем телефоне, с ноутбука».Это работает так: вы запускаете собственный HTTP-сервер, на котором размещаются две вещи:
- файл JavaScript, который вы включаете на страницу, которую хотите отладить
- страница инспектора, которую вы загружаете на компьютер, с которого хотите выполнить отладку
Вы запускаете сервер, например. java -jar Downloads/weinre.jar --boundHost -all- --httpPort 4242
а затем поместите тег сценария, например <script src="http://weinre-server-name.local:4242/target/target-script-min.js">
в исходный код вашей веб-страницы и загрузите инспектор, перейдя, например, к http://weinre-имя-сервера.local:4242/клиент.Когда вы загружаете целевую страницу на iPhone через локальное соединение Wi-Fi, соединение будет отображаться на клиентской странице вашего мэйнфрейма, и вы сможете использовать вкладки «Инспектор» для просмотра/редактирования страницы на iPhone.
Он имеет некоторые ограничения (нет точек останова Javascript и т. д.) и может немного тормозить, но в целом это довольно волшебно.
Есть также хороший инструмент под названием iWebInspector.http://www.iwebinspector.com/