Я разрабатываю сайт для мобильных устройств. Он работает на рабочем столе Firefox. Это работает на iPhone, но когда я нажимаю кнопку на Android 2.x (и, возможно, ниже). мой код JavaScript дает сбой или что еще...
Могу ли я получить доступ к регистратору или консоли JavaScript для этих устройств?
Тем лучше должно быть некое приложение Firebug.
Один из вариантов — weinre. Он обеспечивает редактирование DOM и стиля вместе с консолью. Если вы не хотите настраивать его самостоятельно, есть экземпляр, размещенный по адресу http://debug.phonegap.com
Другой вариант — JSHybugger. Это, безусловно, самая полная среда отладки, доступная для браузера Android. Это платный продукт, но, вероятно, он того стоит.
В Chrome есть очень приятная функция под названием «Веб-отладка USB», которая позволяет видеть консоль отладки мобильного устройства на вашем ПК при подключении через USB.
Дополнительные сведения см. здесь.
РЕДАКТИРОВАТЬ: кажется, что 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» — один из вариантов
"печать на экране" другой.
Но я предпочитаю удаленную отладку с помощью 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.
Если вы не возражаете против переадресации через сторонний сервер, JSConsole — довольно полезный удаленный отладчик для JavaScript.
Недавно я написал инструмент для отображения журналов консоли в подвижном/изменяемом размере «окне» (на самом деле это div). Он предоставляет функции, аналогичные консоли Firebug, но вы можете видеть его поверх своей страницы на планшете. Консоль отладки для планшетов/смартфонов/фаблетов
Я тоже искал простую замену консоли, лишь бы свалить текст. Итак, что я сделал, так это эту функцию:
function remoteLog (arg) {
var file = '/files/remoteLog.php';
$.post(file, {text: arg});
}
Удаленный файл PHP записывает весь вывод в базу данных в arg. У меня это заняло 5 минут (ОК, на стороне сервера я использовал простенькую библиотеку логирования, которая записывает и отображает текстовые сообщения, но все же...).
03 декабря 2013 г. Google запустил Chrome DevTools для мобильных устройств, который позволяет разработчикам удаленная отладка мобильных веб-приложений с помощью эмуляции и трансляции экрана с нулевой конфигурацией.
Чтобы узнать обо всех функциях, ознакомьтесь с выступлением Пола Айриша на YouTube.
Попробуйте js-mobile-console
MobileConsole можно встроить в любую страницу для отладки. Он будет ловить ошибки и вести себя точно так же, как встроенная консоль JavaScript в браузере. Он также выводит все журналы, которые вы написали, через API window.console.
