Есть ли способ использовать удаленную отладку Webkit Inspector в iPad?

Ответ 1

См. weinre

Здесь выдержка:

Это отладчик для веб-страниц, таких как FireBug (для FireFox) и Web Inspector (для браузеров на основе WebKit), за исключением того, что он предназначен для работы удаленно и, в частности, позволяет вам отлаживать веб-страницы на мобильном устройстве, например телефон.

Если вы не знакомы с FireBug или Web Inspector, weinre не будет иметь для вас слишком много смысла. weinre повторно использует код пользовательского интерфейса из проекта Web Inspector в WebKit, поэтому, если вы использовали Safari Web Inspector или инструменты разработчика Chrome, weinre будет очень хорошо знаком.

Ответ 2

Теперь вы можете отлаживать использование Safari 6 и нового Web Inspector прямо на симуляторе iPad/iPhone http://encoreptl.tumblr.com/post/31512516711/web-inspector-debugging-for-iphone-and-ipad-from-mac-os

Ответ 3

Также новый пост в блоге с помощью private apis делает это очень просто - см. http://atnan.com/blog/2011/11/17/enabling-remote-debugging-via-private-apis-in-mobile-safari/

Ответ 4

Для iPad Emulator (Xcode 4.2) вы можете использовать iWebInspector для комфортного включения удаленной консоли:

http://www.iwebinspector.com/

Ответ 5

В вашем вопросе упоминаются планшеты Android. С Chrome для Android (4.0) вы можете удаленно отлаживать веб-страницы в Chrome для рабочего стола через USB. Я использую это, и он работает очень хорошо. См. https://play.google.com/store/apps/details?id=com.android.chrome&hl=en и https://developers.google.com/chrome/mobile/docs/debugging.

Изменить: weinre, упомянутый в принятом ответе выше, также сообщает, что он работает в браузере Android.

Ответ 6

Пол прав, weinre велик. Кроме того, в http://css-tricks.com/14727-five-questions-with-paul-irish/ Paul Irish намекает, что это возможно (возможно?) С помощью Chrome Developer Tools/Webkit Inspector:

Я очень взволнован тем, что команда сделала для удаленной отладки, которая теперь доступна для всех мобильных портов WebKit, что означает, что вы можете просматривать профили, просматривать сетевые детали и редактировать CSS на своем устройстве, Однако я еще не видел пример того, как это сделать с iOS Safari.

Ответ 7

Вы также можете использовать это, чтобы активировать Firebug на вашем устройстве. Работал для меня в Windows

http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone

Ответ 8

Safari позволяет вам отлаживать и проверять элементы в мобильном браузере. Кроме того, многие удаленные консоли, например, www.farjs.com или jsconsole.com.

www.farjs.com используется с прокси-сервером отладки, например, Чарльз также позволяет отлаживать веб-представления в собственных приложениях.

Ответ 9

Если вы не привязаны к отладчикам на основе Webkit и можете также отлаживать использование Firefox Inspector, использование Firefox Developer Edition может быть вашим ответом. Эта версия Firefox включает WebIDE и Valence, которые вместе упрощают отладку Safari на iPad. Ниже приведены следующие шаги:

• Включите "Web Inspector" на Safari в iPad: перейдите в "Настройки" > "Safari" > "Дополнительно" > "Веб-инспектор" и убедитесь, что он включен.
• Откройте страницу, которую вы хотите отлаживать.
• Подключите iPad к компьютеру с помощью USB-кабеля.
• Откройте Firefox Developer Edition на своем компьютере.

• Нажмите на надстройку WebIDE в Firefox (возможно, вам придется искать ее в главном меню)

• Выберите "Safari on iOS" как время выполнения

• Нажмите "Открыть приложение", и вы увидите страницу, которую вы открыли в Safari, указанном там.

• Выберите его. Появится окно инструментов FF dev.
• Откажитесь!