Приложение AngularJS отлично работает на рабочем столе, но не корректно отображается на мобильном устройстве (отображается фактический код). Это на телефоне Android.
Я хотел бы видеть, какие ошибки отображаются на консоли.
Можно ли открыть консоль JS на Chrome-приложении на мобильном устройстве (например, на рабочем столе)?
Вы можете сделать это с помощью удаленной отладки, здесь официальная документация. Основной процесс:
Если у вас нет ПК под рукой, вы можете использовать Eruda, которая является devtools для мобильных браузеров https://github.com/liriliri/eruda
Он предоставляется как встраиваемый javascript, а также в виде букмарклета (при вставке букмарклета в chrome префикс javascript: удаляется, поэтому вы должны ввести его самостоятельно)
Если вы хотите видеть только то, что было напечатано в консоли, вы можете просто добавить "напечатанную" часть где-то в вашем HTML, чтобы она появилась на веб-странице. Вы можете сделать это для себя, но есть файл javascript, который сделает это за вас. Вы можете прочитать об этом здесь:
http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/
Код доступен на Github; Вы можете скачать его и вставить в файл javascipt и добавить его в свой HTML
Возможно, вы попробуете Gear Browser, он может проверять элементы и отлаживать веб-сайт только на мобильном телефоне.
Пожалуйста, сделайте себе одолжение и просто нажмите на легкую кнопку:
загрузите Web Inspector (с открытым исходным кодом) из магазина Play.
A CAVEAT: ATTOW, консольный вывод не принимает остальные параметры! То есть если у вас есть что-то вроде этого:
console.log('one', 'two', 'three');
вы увидите только
один
вошел в консоль. Вам нужно будет вручную обернуть параметры в массив и присоединиться, например, так:
console.log([ 'one', 'two', 'three' ].join(' '));
чтобы увидеть ожидаемый результат.
Но приложение с открытым исходным кодом! Патч может быть неизбежным! Патчером может быть даже ты!