Я разрабатываю веб-приложение для iPad и тестирую его на Safari на Mac и Safari на iPad Simulator. Теперь есть некоторые проблемы с CSS в iPad Simulator, которые хорошо работают в Safari на Mac. Теперь мой вопрос: Есть ли мощный инструмент отладки для Safari в iPad Simulator?
Отладка веб-приложения в iPad Simulator
Ответ 1
Примечание. Что касается iOS6, это не правильный способ удаленной отладки, оставив этот ответ по историческим причинам, но вы должны изучить удаленный контроль с помощью Safari, вот хорошая статья: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector
Посмотрите на это, (a bash script я написал) https://gist.github.com/2241976. Это позволит вам открыть симулятор iPad и запустить удаленный инспектор Webkit, который будет выглядеть примерно так.
Ответ 2
При запуске сафари в симуляторе устройства XCode в меню Desktop Safari (v6) Develop отображаются эти устройства. Оттуда вы можете запустить инструменты разработчика (DOM-браузер и т.д.) Для мобильного браузера. Это помогло мне отладить проблему css для сафари на мобильных устройствах без оборудования.
Ответ 3
iWebInspector - довольно мощный инструмент для симулятора iOS Safari. В нем используется тот же инспектор, что и Chrome, и он работает хорошо (я сам использовал его и нашел его полезным).
С веб-сайта
iWebInspector - это бесплатный инструмент для отладки, просмотра и проверки веб-сайтов приложений, работающих на iOS Simulator (iPhone или iPad). Вы можете проверить ресурсы, просматривать и изменять HTML и CSS, использовать точки останова на JavaScript код, создавать диаграммы и многое другое, как если бы вы были в Safari для Desktop, Chrome или Firebug.
Он работает для любой веб-страницы в Safari - веб-браузере - для хром-менее webapp (полноэкранный), а также для приложений, использующих UIWebView, включая Приложения PhoneGap -.