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


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

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

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

15 64

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 напрямую, это основа edge inspect. вот статья о том, как его настроить.

Если вы С помощью 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 '(в основном ваше приложение Cordova), которое работает на устройстве / эмуляторе (способ работы 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, но вы можете увидеть ее на своей странице на планшете. Tablet/Smartphone/Phablet Debug Console

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

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

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

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

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

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

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