Подтвердить что ты не робот

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

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

Как насчет iPad2? Или Android-планшеты для Android?

4b9b3361

Ответ 1

См. weinre

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

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

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

Ответ 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.

Ответ 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 (возможно, вам придется искать ее в главном меню)

    WebIDE icon

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

    Safari on iOS

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

your Safari tab

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