Я разрабатываю веб-сайт для мобильных устройств. Он работает на рабочем столе Firefox. Он работает на iPhone, но когда я нажимаю бутон на Android 2.x(и, возможно, ниже). мой код JavaScript сбой или что еще...
Могу ли я получить доступ к консоли регистрации или JavaScript для этих устройств?
Лучше должно быть своего рода приложение Firebug.
Один параметр 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) и установите приложение просмотра журнала, это позволит вам для просмотра всех журналов для вашего браузера.
Мы выполняем следующие шаги в нашем проекте для отладки веб-сайта на мобильных устройствах.
"USB-отладка USB" - это один из вариантов
"печать на экране" другое ".
Но я предпочитаю удаленную отладку через adobe edge inspect ', официально известную как adobe shadow. Он использует weinre внутренне (= WEB INspect REmote)
Вы просто установите его + небольшой плагин в браузере (Chrome) и бесплатное приложение, которое вы можете скачать в игровом магазине. Затем у вас есть все инструменты, такие как инструменты разработки Chrome.
Он также поддерживает iOS и Kindle Fire
Обновление
Как заметил Крис, вы должны заплатить подписку, чтобы использовать проверку границ. Дешевой альтернативой является использование weinre напрямую, это база краевого осмотра. Здесь статья о том, как ее настроить.
Если вы используете Cordova 3.3 или выше, а ваше устройство работает под управлением Android 4.4 или выше, вы можете использовать "Удаленная отладка на Android с Chrome". Полные инструкции:
https://developer.chrome.com/devtools/docs/remote-debugging
Вкратце:
Или, если вы используете Cordova 3.3+ и не имеете физического устройства с 4.4, вы можете использовать эмулятор, который использует Android 4.4+ для запуска приложения через эмулятор, на ваш настольный компьютер.
Вы можете попробовать 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.
Я также искал простую консольную замену, просто чтобы сбрасывать текст. Итак, я сделал эту функцию:
function remoteLog (arg) {
var file = '/files/remoteLog.php';
$.post(file, {text: arg});
}
Удаленный файл PHP записывает весь вывод в базу данных в arg. Мне потребовалось 5 минут (хорошо, на стороне сервера я использовал простую библиотеку регистрации, которая записывает и отображает текстовые сообщения, но все же...).
Если вы не против пересылки через сторонний сервер, JSConsole - довольно полезный удаленный отладчик для JavaScript.
В 2013-12-03 Google запустил Chrome DevTools для мобильных устройств, что позволяет разработчикам удаленной отладки мобильных веб-приложений через эмуляцию и экранирование экрана с нулевой конфигурацией.
Для всех функций, проверка Пол Ирландский говорит на YouTube.
Недавно я написал инструмент для отображения консольных журналов в подвижном/изменяемом по размеру "окне" (фактически div). Он предоставляет аналогичную функциональность консоли Firebug, но вы можете увидеть ее на своей странице на планшете. Консоль для отладки планшета/смартфона/Phablet
Попробуйте js-mobile-console
MobileConsole может быть встроен в любую страницу для отладки. Он будет ловить ошибки и вести себя точно так же, как нативная консоль JavaScript в браузере. Он также выводит все журналы, которые вы написали через API окна .console.