Firebug для iPad - PullRequest
       5

Firebug для iPad

1 голос
/ 05 ноября 2010

У меня есть сайт, который использует javascript для запуска оверлея css на карте Google (см. [Ссылка удалена, потому что я могу иметь только одну карту за раз) и нажмите кнопку «Увеличить» под картой).

Это не работает на Ipad.Я считаю, что это как-то связано с тем, что это не ссылка, а использование jquery live ('click', ... подход. Мне нужно это исправить, но я новичок в использовании ipad и даже не знаю какпройти через javascript, чтобы увидеть, в чем проблема.

Какие инструменты разработки доступны для тестирования на ipad?

Редактировать: Моя ошибка. СсылкаВышеперечисленное прекрасно работает в iPad - нет проблем с отображением карты большего размера. Однако дочерний сайт http://lowes -realty.com / Stateline-Plaza_Enfield_CT-11.aspx не работает. Мне нужна разработкасистема, которая позволит мне смотреть на них обоих на ipad (я действительно хочу избежать эмуляции или подмены).

Ответы [ 4 ]

1 голос
/ 28 января 2011

В итоге проблема заключалась в том, что у меня была ошибка javascript, которая прервала работу сценария еще до того, как я добралась до кода jQuery. После того, как я это исправил, я смог использовать jQuery без каких-либо специальных модификаций для ipad - потрясающе! Мне не нужно было ничего делать с событиями смахивания или постукивания (сладко!).

Однако я не смог получить никакой отладчик javascript; Я должен был решить это для себя. По состоянию на ноябрь '09 Firebug Lite сломал Ipad для меня, и, кажется, нет никаких инструментов разработчика для тестирования Ipad. Я пробовал несколько сайтов, которые утверждали, что работают так же, как Ipad в вашем браузере, и ни один из них не держал воду.

У меня нет причин полагать, что есть хороший вариант для отладки сайта на ipad (пока).

Редактировать Год спустя ... Я все еще ищу хороший способ разработки на iPad. Я только что запустил Adobe Shadow - он на самом деле не полезный инструмент, но есть потенциал (http://tv.adobe.com/watch/adobe-technology-sneaks-2012/adobe-shadow). Прямо сейчас (3-29-12), инспектор кода практически не работает (не может просматривать унаследованные стили, не может просматривать элементы без расширения DOM из элемента body, без отладки JavaScript и многого другого).

Я знаю, что это звучит безнадежно, но для этого есть одна вещь, о которой я ничего не знаю: Shadow работает со всеми существующими мобильными устройствами, и его инспектор кода не зависит от устройства и браузера. Таким образом, хотя инспектор эффектно сосет прямо сейчас, как только они встраивают в него некоторые функции, Shadow может стать хорошим решением. С их сайта:

Shadow будет регулярно обновляться, чтобы опережать веб-стандарты, веб обновления браузера и поддержка новых мобильных устройств, входящих в рынок, включая обратную связь с пользователем, чтобы обеспечить лучшее функциональность и опыт возможны.

~ http://labs.adobe.com/technologies/shadow/

1 голос
/ 05 ноября 2010

Вы пробовали Firebug Lite? http://getfirebug.com/firebuglite#Install

Вы проверяли это в Google Chrome? Поскольку google chrome является браузером веб-набора, вы можете выполнить большую часть отладки в chrome и устранить мелкие проблемы на самом iPad.

Редактировать:
Удален ненужный комментарий об iPad.

0 голосов
/ 31 марта 2012

weinre позволяет удаленно подключить инспектор WebKit (встроенные инструменты Dev, которые вы используете в браузерах настольных компьютеров) к странице, работающей на вашем мобильном устройстве (iPad / iPhone / iPod / Android / BlackBerry 6 /webOS) через WiFi.

http://phonegap.github.com/weinre/images/weinre-demo.jpg

Отладка JavaScript ограничена console.log с, но это лучше, чем ничего.


Если у вас есть ICSустройство, Chrome Mobile позволяет удаленно подключить полнофункциональный инспектор (с полной JS-отладкой / точками останова) через USB.Я был в восторге от использования этого инструмента с моим Galaxy Nexus.

image

0 голосов
/ 05 ноября 2010

Мне кажется, проблема в том, что на iPhone / iPad не генерируются события щелчков, а вместо этого касаются событий (проведите пальцем, коснитесь).

Вы можете использовать что-то вроде jQTouch (вы можете начать читать здесь Начало работы , а затем перейти к подсказке о событиях обратного вызова: нажмите == click).

Если вам нужно больше адаптироваться, вы также можете посмотреть (и дождаться стабильного выпуска) jQuery Mobile

...