Отладка веб-приложения в iPad Simulator

Question

Я занимаюсь разработкой веб-приложения для iPad и тестирую его в Safari на Mac и Safari на iPad Simulator.Теперь есть некоторые проблемы с CSS в iPad Simulator, которые довольно хорошо работают в Safari на Mac.Теперь мой вопрос: есть ли мощный инструмент отладки для Safari в iPad Simulator?

Answer 1

При запуске safari в симуляторе устройств XCode в меню «Разработка» Safari (v6) рабочего стола отображаются эти устройства.Оттуда вы можете запустить инструменты разработчика (браузер DOM и т. Д.) Для мобильного браузера.Это помогло мне отладить проблему мобильного Safari CSS без аппаратного обеспечения.

Answer 2

Примечание : Начиная с iOS6, это неправильный способ выполнения удаленной отладки, оставляя этот ответ по историческим причинам, но вы должны изучить удаленную проверку с Safari, вот хорошая статья: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector

Взгляните на это, (скрипт bash, который я написал) https://gist.github.com/2241976. Это позволит вам открыть симулятор iPad и запустить удаленный инспектор Webkit, который будет выглядеть следующим образом.

Answer 3

iWebInspector - довольно мощный инструмент для Safari на симуляторе iOs.Он использует тот же инспектор, что и Chrome, и работает хорошо (я сам использовал его и нашел его очень полезным).

С их сайта

iWebInspector - бесплатный инструмент для отладки., профилировать и проверять веб-приложения, работающие на iOS Simulator (iPhone или iPad).Вы можете проверять ресурсы, просматривать и изменять HTML и CSS, использовать точки останова в коде JavaScript, создавать диаграммы и многое другое, как если бы вы были в Safari для Desktop, Chrome или Firebug.

Это работает для любого веб-сайта в Safari -веб-браузер - для веб-приложения без Chrome (в полноэкранном режиме), а также для приложений, использующих UIWebView, включая приложения PhoneGap -.