Блог

Главная - Вопросы по программированию - Панель инструментов разработки iPad Safari

Панель инструментов разработки iPad Safari

#javascript #css #ipad #safari #mobile-safari

#javascript #css #iPad #safari #мобильный-safari

Вопрос:

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

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

Ответ №1:

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

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

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

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

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

Комментарии:

1. Попробовал это, и это работает просто очаровательно! Одна вещь, на которую я наткнулся, это то, что приватный просмотр должен быть отключен в Safari.

2. на самом деле я не думаю, что это работает в Windows, поскольку Apple прекратила разработку safari для Windows (не уверен на 100%). я попробовал это на своей виртуальной машине, но не смог найти эту запись в меню разработки.

3. Я могу подтвердить, что эта функция доступна только для Safari 6 на Mac. Safari для Windows была остановлена в версии 5, поэтому она недоступна.

Ответ №2:

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

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

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

Комментарии:

1. О черт, Weinre выглядит круто. 1.

2. @sudowned есть ли здесь требования к версии? Я только что обновил свои ipad и MacBook до последних версий, но опция подключения к iPad не отображается в меню разработки.

3. Неопределенный — возможно, вы захотите поговорить с honk31, автором приведенного ниже ответа, который фактически включает метод подключения.

4. К сожалению, Firebug Lite теперь полностью мертв.

Ответ №3:

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

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

Комментарии:

1. Спасибо! Это было полезно (и необходимо, я подумал .. хорошо, как мне сохранить эту чертову закладку!)

2. Ссылка, похоже, подверглась гниению.

3. Его все еще можно найти на Wayback Machine web.archive.org/web/20111114032339/http ://…

Ответ №4:

Есть пристройка для меня[пад]ОС в Safari веб-инспектор на магазин приложений, должны работать с iPadOS 15 .

Вот как это описано на сайте автора:

Web Inspector — это расширение Safari для iOS и iPadOS, которое работает так же, как и его настольный аналог, но менее мощно. Это позволяет веб-разработчикам редактировать веб-страницы «на лету», отлаживать JavaScript и многое другое.

Ответ №5:

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

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

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

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

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

Комментарии:

1. Это было удалено в iOS 6.1? Я знаю, что это было в версии 6.0, но после обновления до 6.1 я не могу его найти. Или я что-то упускаю?

Ответ №6:

В Safari есть набор инструментов разработчика. Перейдите в Настройки> Дополнительно и внимательно посмотрите 🙂

Комментарии:

1. Этот вопрос касается Safari на iPad, а не Safari на рабочем столе.