Чи можливо відкрити консоль інструментів для розробників у Chrome на телефоні Android?

165

Додаток AngularJS прекрасно працює на робочому столі, але не відображається належним чином на мобільному (відображається фактичний код). Це на телефоні Android.

Я хотів би побачити, які помилки відображаються в консолі.

Чи можна відкрити консоль JS у хромованій програмі на мобільному телефоні (як на робочому столі)?

google-chrome-devtools mobile-chrome

— tim_xyz
джерело

134

Це можна зробити за допомогою віддаленої налагодження, ось офіційна документація . Основний процес:

Підключіть свій Android-пристрій
Виберіть свій пристрій: Більше інструментів> Огляньте пристрої на *інструментах розробки на ПК / mac.
Авторизуйтесь на своєму мобільному телефоні.
Щаслива налагодження !!

* Це зараз "Віддалені пристрої".

— Псевдоаж
джерело

2

Я думаю, детальне пояснення надано у посиланні на документацію

— PseudoAj

59

Чи можливо це зробити без зовнішнього комп’ютера?

— Ерік Рід

59

Питання задає відкриту консоль інструментів для розробників у Chrome на телефоні Android? ваша душа вимагає окремої налагоджувальної машини. У вашій відповіді налагодження не в самому телефоні

— Fennekin

5

Немає іншого способу, який я знаю про @fennekin. Будь ласка, не соромтеся оновити, якщо ви вважаєте, що є кращий спосіб,

— PseudoAj

5

Станом на січень 2019 року я не зміг знайти пристрої для перевірки в розділі Додаткові інструменти. Нарешті я знайшов це в chrome: // inspect, і вам потрібно дозволити usb-налагодження з вашого телефону

— Abhinav Singh

53

Якщо у вас немає ПК, ви можете використовувати Eruda, який є розробниками для мобільних браузерів https://github.com/liriliri/eruda
Він надається як вбудований javascript, а також закладка (вставлення закладок у хром видаляє javascript: префікс, тому його потрібно ввести самостійно)

— трогпер
джерело

1

Дуже хороший супровід таких інструментів, як Termux, які роблять розвиток на самотніх мобільних пристроях справжніми! Я вже інтегровані eruda-webpack-pluginв один проект: npm i eruba-webpack-plugin --save-optional.

— vintproykt

Найпростіший спосіб отримати те, що знаходиться в консолі

— makwana.a

Дивовижне рішення. Він доступний в CDN.

— netishix

Це, здається, не працює для мене. Вставлення його в адресний рядок (а потім читання "javascript:"), схоже, нічого не робить.

— БТ

@BT деякі веб-сайти обмежують завантаження сценаріїв із перелічених дозволених доменів. Спробуйте на іншому веб-сайті.

— трогпер

10

Я хочу лише побачити, що було надруковано на консолі, ви можете просто додати "надруковану" частину десь у своєму HTML, щоб вона з’явилася на веб-сторінці. Ви можете зробити це для себе, але є файл javascript, який робить це за вас. Про це ви можете прочитати тут:

http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/

Код доступний від Github ; ви можете завантажити його і вставити його у файл javascipt і додати його у свій HTML

— Джон Бальвін Аріас
джерело

FYI: Ви можете зіткнутися з ситуацією, що консоль НЕ відображатиметься. Спираючись на деяку розмову в кінці офіційної домашньої сторінки , ви можете спробувати її чітко mobileConsole.init(). Цей трюк допомагає в моєму випадку. YMMV.

— RayLuo

1

що посилання все ще працює, завантажувати потрібно просто багато часу. Тим не менш, я можу підсумувати, що ця розмова між мною та власником lib в кінцевому підсумку з ним додала таку інформацію в розділ "Примітки" на його головній сторінці: "Якщо mobileConsole не запуститься (мобільне виявлення не вдається), ви можете або замінити автозапуск, встановивши overrideAutorun на істинний або додати наступний сценарій на свою сторінку: if (!mobileConsole.status.initialized) { mobileConsole.init(); } "

— RayLuo

7

Будь ласка, зробіть собі послугу і просто натисніть просту кнопку:

завантажте веб-інспектор (Open Source) з магазину Play.

A CAVEAT: ATTOW, консольний вихід не приймає параметри відпочинку! Тобто якщо у вас є щось подібне:

console.log('one', 'two', 'three');

ти тільки побачиш

один

увійшли до консолі. Вам потрібно буде вручну загортати парами в масив і приєднуватися так:

console.log([ 'one', 'two', 'three' ].join(' '));

щоб побачити очікуваний вихід.

Але додаток є відкритим кодом ! Патч може бути неминучим ! Патчером міг бути навіть ти!

— Сенсей Джеймс
джерело

3

Браузер Kiwi є мобільним Chromium і дозволяє встановлювати розширення . Встановіть Kiwi, а потім встановіть розширення Chrome "Mini JS console" (просто шукайте в Google і встановлюйте з веб-сайту розширень Chrome, також працює iBlock;). Він стане доступним у меню Kiwi внизу та покаже вихід консолі для поточної сторінки.

— Pawel
джерело

-1

Можливо, ви можете спробувати браузер Gear, він може перевірити елементи та налагодити веб-сайт на мобільному пристрої.

https://gear4.app

— Анголао
джерело

5

Додаток призначено лише для iPhone. Питання вказало Android.

— Піт