Удаленная отладка адаптивных дизайнов на мобильных телефонах - PullRequest
4 голосов
/ 28 декабря 2011

Поскольку адаптивный дизайн и разработка мобильных веб-приложений становятся нормой, как и другие, я подозреваю, я испытываю тестирование и исправление ошибок на широком спектре мобильных и карманных устройств.Традиционно, ошибки в CSS с макетом или презентацией были значительно легче исправить с помощью таких вещей, как firebug или инструменты chrome dev.Даже ошибки JavaScript могут быть обнаружены и отлажены в этих инструментах.

Однако, те же самые виды ошибок теперь значительно труднее выделить и исправить.У нас больше нет консоли ошибок, чтобы видеть, когда возникают ошибки JavaScript, у нас нет инспектора (боже, я бы хотел, чтобы у нас была удаленная отладка во всех современных мобильных браузерах).У меня есть досадная ошибка в Opera (которую я знаю, что она может быть удаленно отлажена: http://dev.opera.com/articles/view/remote-debugging-with-opera-dragonfly), и я решил другие в браузере Android и Safari для iOS с помощью грубой силы, а не какой-либо реальной техникой, но я былпросто интересно, каковы предпочтительные инструменты, методы и советы для отладки реагирующих проблем на мобильных устройствах?

Спасибо

Ответы [ 4 ]

1 голос
/ 03 января 2012

вы смотрели в weinre ?предоставляет (ограниченный) удаленный веб-инспектор (после некоторой настройки) - решил некоторые реальные проблемы для меня!

0 голосов
/ 30 августа 2012

Хорошая статья здесь также о том, как использовать мобильный эмулятор Opera и удаленный отладчик dragonfly для отладки ошибок, связанных с Opera ... http://mobile.smashingmagazine.com/2012/08/30/responsive-designs-opera-mobile-emulator/

0 голосов
/ 18 июня 2012

Вы можете использовать функцию удаленной отладки в Chrome на Android. Для Android и iOS вы должны взглянуть на Adobe Shadow , который также предоставляет вам удаленный инспектор.

И для iOS в будущем: iOS 6 будет иметь встроенный удаленный инспектор, легко доступный из меню отладки Safari.

0 голосов
/ 04 января 2012

Opera Dragonfly (у меня здесь очевидный уклон ;-)) и незаменимый Microsoft Fiddler HTTP-отладчик , если телефон / устройство позволяет вам настроить прокси-сервер.Fiddler помог мне отладить многие проблемы до того, как Dragonfly стал достаточно мощным, и все еще остается запасным вариантом, если у меня есть проблемы с Dragonfly.

Как вы справляетесь с проблемой раздражения в Opera, кстати?:)

...