Есть ли своего рода Firebug или JavaScript консоли отладки для Android? [закрытый]

Я разрабатываю сайт для мобильных устройств. Он работает на рабочем столе Firefox. Он работает на iPhone, но когда я нажимаю кнопку на Android 2.x (и, возможно, ниже). мой код JavaScript аварийно завершает работу или что еще...

могу ли я получить доступ к консоли logger или JavaScript для этих устройств?

лучше должно быть своего рода Firebug приложения.

15 ответов


один из вариантов -weinre. Он обеспечивает редактирование DOM & Style вместе с консолью. Если вы не хотите настраивать его самостоятельно, есть экземпляр, размещенный вhttp://debug.phonegap.com

другой вариант-это JSHybugger. Это, безусловно, самая полная среда отладки, доступная для браузера android. Это платный продукт, но он того стоит.


Chrome имеет очень приятную функцию под названием "USB web debugging", которая позволяет видеть консоль отладки мобильного устройства на вашем ПК при подключении через USB.

Подробнее см. здесь.

EDIT: кажется, что ADB не поддерживается в Windows 8, но эта ссылка, похоже, предоставляет решение:

http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8/


вы можете about:debug в некоторых мобильных браузерах, чтобы вызвать консоль JavaScript.


Я иногда печатаю вывод отладки в окне браузера. Используя jQuery, вы можете отправлять выходные сообщения в область отображения на Вашей странице:

<div id='display'></div>

$('#display').text('array length: ' + myArray.length);

или если вы хотите смотреть переменные JavaScript без добавления области отображения на вашу страницу:

function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}

Я та же проблема, просто использовать console.log(...) (Как firebug), и установить приложение просмотра журнала, это позволит вам просматривать все журналы для Вашего браузера.


мы выполняем следующие шаги в нашем проекте для отладки веб-сайта на мобильном телефоне.

  1. установите программное обеспечение mobogenie на мобильный и рабочий стол (оба имеют одинаковую версию).
  2. откройте свой сайт в мобильном браузере Google Chrome.
  3. Откройте Google Chrome на рабочем столе. Перейти к опции -->Дополнительные Параметры -->Проверьте Устройство.
  4. здесь вы найдете список сайтов, которые открыты на мобильном телефоне и нажмите на проверьте, и вы получите консоль JavaScript,которую хотите.

"USB web debugging" является одним из вариантов

"печать на экране" другой.

но я предпочитаю удаленную отладку через 'adobe edge inspect' официально известный как adobe shadow. Он использует weinre внутренне (=Web INspect REmote)

вы просто установите его + небольшой плагин в браузере (Chrome) и бесплатное приложение, которое вы можете скачать в play-store. Тогда у вас есть все инструменты, такие как разработка Chrome инструменты.

Он также поддерживает iOS и Kindle Fire

обновление

Как заметил Крис, вы должны оплатить подписку на использование edge inspect. Дешевая альтернатива использовать weinre сразу, основание края проверяет. вот статья о том, как его настроить.


Если вы использование Cordova 3.3 или выше и устройство работает Android 4.4 или выше вы можете использовать удаленную отладку на Android с Chrome'. Полная инструкция здесь:

https://developer.chrome.com/devtools/docs/remote-debugging

в итоге:

  • подключите устройство к настольному компьютеру с помощью USB-кабеля
  • включить отладку USB на вашем устройстве (на моем устройстве это в разделе Настройки > Дополнительно > Параметры разработчика > Отладка USB)

или, Если вы используете Cordova 3.3+ и не имеете физического устройства с 4.4, вы можете использовать эмулятор Android 4.4+ для запуска приложения через эмулятор на вашем настольном компьютере.

  • запустите приложение Cordova на устройстве или эмуляторе
  • в Chrome на настольном компьютере введите chrome: / / inspect / #devices в адресе бар
  • устройство/эмулятор будет отображаться вместе с любой другой признанный устройств, подключенных к вашему компьютеру, и на вашем устройстве будет информация о Кордова 'в' (в основном приложение Cordova), который выполняется на устройстве/эмуляторе (кстати Кордова работы заключается в том, что он в основном создает "браузер" окно на устройстве/эмулятор, в котором есть WebView с которым ваша работает на основе HTML либо JavaScript)
  • нажмите ссылку "проверить" под раздел "WebView", где вы видите свое устройство/эмулятор в списке. Это вызывает инструменты разработчика Chrome, которые теперь позволяют отлаживать приложение.
  • выберите вкладку "источники" инструментов разработчика Chrome для просмотра JavaScript, что ваше приложение Cordova на устройстве/эмуляторе в настоящее время работает. В JavaScript можно добавить точки останова, позволяющие отлаживать код.
  • кроме того, вы можете использовать вкладку "консоль" для просмотра любых ошибок (которые будут показаны красным цветом) или в нижней части консоли вы увидите подсказку">". Здесь вы можете ввести любые переменные или объекты (например, объекты DOM), которые вы хотите проверить текущее значение, и значение будет отображаться.

вы можете попробовать YConsole встроенная консоль js. Это легкий и простой в использовании.

  • поймать журналы и ошибки.
  • редактор объекта.

Как использовать :

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>

Я установил консольное дополнение firefox (https://addons.mozilla.org/en-US/android/addon/console/) в моем браузере firefox на android, и он работал довольно хорошо. Помог мне отладить приложение angular2.


Если вы не против пересылки через сторонний сервер,JSConsole - довольно полезный удаленный отладчик для JavaScript.


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


Я также искал простую замену консоли, просто чтобы сбросить текст. Так что я сделал эту функцию:

function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

удаленный файл PHP записал все выходные данные в базу данных в arg. Это заняло у меня 5 минут (хорошо, на стороне сервера я использовал простую библиотеку журналов, которая записывает и отображает текстовые сообщения, но все же...).


на 2013-12-03 Google запустил Chrome DevTools для мобильных устройств, который позволяет разработчикам удаленная отладка мобильных web-приложений с помощью эмулятор и экран-кастинг С Настройки.

для всех функций, в кассе выступление Пола Айриша на YouTube.


попробовать JS-mobile-console

MobileConsole может быть встроен в любую страницу для отладки. Он будет ловить ошибки и вести себя точно так же, как собственная консоль JavaScript в браузере. Он также выводит все журналы, которые вы написали через API окна.приставка.