Отладка JavaScript на iPad - PullRequest
       50

Отладка JavaScript на iPad

60 голосов
/ 16 сентября 2011

Мне было интересно, есть ли какие-нибудь полезные инструменты, которые люди нашли для отладки javascript на iPad, который не сломан в тюрьме.Это iPad, поставляемый для работы, поэтому взлом тюрьмы не вариант.Благодаря некоторым утомительным шагам я получил firebug-lite, работающий на iPad, но мои заявления отладчика в javascript не пострадали.У меня также нет возможности устанавливать точки останова, как вы это обычно делаете с Firebug.

У меня также открыта консоль отладки Safari, но это совершенно бесполезно для того, чего я пытаюсь достичь.

Спасибо за любые идеи.

Ответы [ 9 ]

18 голосов
/ 17 сентября 2011

Вы смотрели на протокол удаленной отладки webkit ?Кажется, они знают, что людям нужен отладчик для их iPad, но до сих пор нет никакого реального удаленного отладчика для iPad.

Но не разочаровывайтесь, есть инструмент под названием weinre , который делает то, что люди из WebKit готовы сделать в будущем прямо сейчас!

Обновление:

К выпуску Google Chrome для телефонов Android удаленной отладки и отладки планшетов мобильных веб-приложений нетболь больше.Для этого вам понадобится дорогой телефон Google Galaxy Nexus с ICS.Но будущее светлое!Посмотрите демоверсию видео здесь :

weinre is Web Inspector Remote.Произносится как слово "винзавод".Или, может быть, как слово "weiner".Кто знает, действительно.

5 голосов
/ 22 августа 2013

Для тех, кто отвечает на этот вопрос от Google, в iOS Safari теперь доступен Веб-инспектор (прокрутите вниз до «Safari на iOS»).

1 голос
/ 17 сентября 2011

Вы пробовали Firebug Lite ?

Я не использовал его на iPad, но не понимаю, почему он не работает.

Я бы, вероятно, установил условное включение в зависимости от того, задан ли параметр запроса - например, (php)

<?php if(isset($_GET['debug'])): ?>
<script type="text/javascript" src="firebuglite.js"></script>
<?php endif; ?>
0 голосов
/ 05 ноября 2017

Сначала убедитесь, что у вас включен веб-инспектор («Настройки> Safari> Дополнительно» и включите «Веб-инспектор».)

enter image description here

Затем подключите iPad к компьютеру Mac через USB-кабель. После этого я могу выбрать в меню «Разработка» Safari для отладки веб-сайта, отображаемого на моем iPad / iPhone.

Источник изображений и исходная информация: https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787

0 голосов
/ 21 марта 2016

Существует способ отладки веб-сайта в Safari на iOS с помощью Firefox WebIDE на компьютере с Windows. Я написал ответ на https://stackoverflow.com/a/35714835/306179, в котором более подробно описывалось это решение, поскольку его не всегда было просто установить и использовать. Он не предоставляет все инструменты разработчика, которые вы ожидаете от, например, набора Chrome DevTools, но, по крайней мере, предоставляет Console, Inspector и Debugger.

0 голосов
/ 18 декабря 2015

Вы также можете использовать встроенный в Firefox WebIDE с Valence

Подключите ваше устройство> в Firefox нажмите значок гаечного ключа> найдите WebIDE> в разделе «ДРУГОЕ» нажмите «Safari, Firefox и другие веб-представления на iOS"

[1] https://hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/

[2] https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/

[3] https://developer.mozilla.org/en-US/docs/Tools/Valence

0 голосов
/ 17 сентября 2014

Недавно я написал инструмент для отображения журналов консоли в подвижном / изменяемом размере окне (на самом деле div). Он обеспечивает аналогичную функциональность консоли Firebug, но вы можете увидеть ее на своей странице на планшете. Консоль отладки планшета / смартфона / Phablet

0 голосов
/ 16 июля 2014

Вы можете попробовать использовать Firebug Lite в качестве букмарклета. Вы должны быть в состоянии использовать все функции без изменения кода вашего приложения, как предложил Джесси. Смотрите эту ссылку .

0 голосов
/ 14 августа 2012

Попробуйте iDebug .Вы можете напрямую загрузить его из AppStore на свой iPad. Вот ссылка на AppStore .

...