Отладка мобильного сайта
Сайт, работающий в обычном настольном браузере, таком как Firefox, может быть отлажен с помощью Firebug.
Похоже, есть ли инструменты, которые можно использовать для отладки мобильных версий веб-сайтов, работающих в таких браузерах, как Fennec, Opera Mobile и т. Д.?
8 ответов
В большинстве случаев лучше использовать ваш любимый браузер и пытаться имитировать поведение мобильного устройства. Вы можете использовать дополнения Firefox, такие как:
- Переключатель User Agent: подделка различных мобильных агентов пользователя (уже поставляется с несколькими предопределенными мобильными агентами)
- Изменить заголовки: чтобы подделать некоторые дополнительные http-заголовки, которые иногда необходимы (x-wap-profile, x-msisdn, Accept)
И, конечно же, ваши любимые дополнения для отладки и разработки.
Вы можете проверить JS Console и Weinre
Оба позволяют удаленную отладку js веб-приложений, даже на мобильных устройствах
К сожалению, Хейко, это не совсем так. Например, в настольных браузерах нет сенсорных событий. И я знаю, что в случае с Opera движок рендеринга мобильной версии немного отстает от настольной версии.
[Раскрытие: я работаю в Opera.] В Dragonfly от Opera есть встроенная функция удаленной отладки. На вашем устройстве должна быть установлена Opera Mobile, а на вашем компьютере - Opera. Ваш компьютер также должен разрешать соединения через порт 7001.
Если у вас есть i(Pod||Pad||Phone), попробуйте Bugaboo.
JSConsole, как отметил Хаш, также является хорошим вариантом.
Хотя инструменты разработчика WebKit не работают непосредственно на устройстве, они весьма полезны для отладки в мобильном Интернете.
http://farjs.com/ как и http://jsconsole.com/ является удаленной отладкой консоли HTML и JS и отлично работает на мобильных устройствах.
Вот простой консольный инструмент для мобильной m-console, способный распечатать консольное сообщение в браузере ПК. Очень прост в использовании.
Существует встроенная консоль js: YConsole, облегчающая отладку js на любом автономном мобильном устройстве.