Панель инструментов разработки iPad Safari - PullRequest
23 голосов
/ 20 апреля 2011

Есть ли какая-то панель инструментов разработчика, которую можно использовать в iPad / Safari?

Я знаю то же самое в настольном Safari, а также знаю, что в iPad / Safari есть опция отладчика, ноЕсть ли быстрый способ редактирования CSS / JS в iPad / Safari?

Ответы [ 5 ]

43 голосов
/ 08 марта 2013

На ipad перейдите на Настройки> Safari> Разработчик и активируйте консоль отладки.

Подключите ipad к компьютеру.

На компьютере откройте Safari , включите инструменты разработчика в настройках.проверьте вышеупомянутое меню для вкладки Developer и найдите там iPad .

Полный контроль через консоль с настольного компьютера через iOS Safari и все готово!

PS: Это точно так же работает и с iPhone .

25 голосов
/ 20 апреля 2011

Нет панели инструментов разработчика для Safari iPad, но вы определенно можете использовать что-то вроде firebug lite , чтобы делать то, что вы хотите!Просто добавьте букмарклет в свои закладки, а затем загрузите его, пока смотрите на своей странице.

Другой вариант - Weinre , удаленный отладчик и часть проекта PhoneGap.По сути, он позволяет вам запускать интерфейс, похожий на инспектор документов Chrome на настольном компьютере, который управляет документом на вашем iPad или iPhone.Приведенный ниже комментарий привел мое внимание к этому удивительному инструменту год назад, но с тех пор URL-адрес проекта изменился, поэтому я добавляю его сюда.

У FirebugLite есть некоторые проблемы со скоростью рендеринга и работой с JavaScript, икроме того, он не очень хорошо масштабирует свои шрифты.По этим причинам Weinre, безусловно, является более мощным инструментом, но его также сложнее начать использовать.

7 голосов
/ 27 декабря 2011

Вы можете использовать этот маленький трюк, чтобы включить Firebug Lite или любой другой инструмент отладки, встроенный в букмарклет, на самом деле он работает довольно хорошо!

http://www.blog.cordslatton.com/2010/11/debugging-ios-mobile-safari-ipad-iphone/

0 голосов
/ 14 апреля 2012

Safari iPad не имеет инструмента разработки, но у него есть панель отладки.Его функции включают в себя:

  1. Просмотр сообщений, отправляемых на консоль
  2. Просмотр ошибок JavaScript
  3. Просмотр ошибок CSS

Так что это не здороводля развития, но это намного лучше, чем ничего.Вот как это сделать:

  1. Открыть настройки
  2. Safari
  3. Дополнительно
  4. Включить консоль отладки

Выдолжен появиться баннер вверху веб-страниц с сообщениями из консоли отладки.

0 голосов
/ 15 августа 2011

В Safari есть набор инструментов для разработчиков.Зайдите в «Настройки»> «Дополнительно» и хорошенько посмотрите:)

...