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

Question

У меня есть iPad, и мне интересно, могу ли я отладить его удаленно с рабочего стола с помощью Webkit Inspector?Насколько я понимаю, требуется запуск браузера с переключателем командной строки.Я не думаю, что это возможно сделать в iPad, но я могу ошибаться.

А как насчет iPad2?Или планшеты на Android?

Answer 1

См. weinre

Вот выдержка:

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

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

Answer 2

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

Answer 3

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

http://www.iwebinspector.com/

Answer 4

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

Answer 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.

Answer 6

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

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

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

  

• Выберите «Safari на iOS» в качестве среды выполнения

  

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

• Выберите это. Появится окно инструментов разработчика FF.
• Отладка прочь!

Answer 7

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

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

Answer 8

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

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

Answer 9

Пол прав, weinre великолепен. Кроме того, в статье http://css -tricks.com / 14727-Five-questions-with-paul-irish / Пол Айриш намекает, что это будет (возможно?) Возможно с помощью Chrome Developer Tools / Webkit Inspector :

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