Андрей Смирнов
Время чтения: ~5 мин.
Просмотров: 101

Вопрос по google-chrome-devtools, chrome-mobile &#8211 Можно ли открыть консоль инструментов разработчика в Chrome на телефоне Android?

Z.jpg

Командная строка Андроид, как открыть и запустить. Очень частый вопрос который задают новички Android: «Где находится и как запустить командную строку Android?». Все очень просто, данная статья расскажет вам об этом!

С помощью командной строки многие пользователи выполняют кастомизацию Android (изменяют вид и функциональность), получают Root права, либо используют при разработке приложения.

К большому сожалению пользователей или к их счастью практически на 99% устройств Android отсутствует командная строка, но все это поправимо!

Где найти и запустить командную строку Android?

Есть 2 варианта «добычи» командной строки в Android и оба они вам понадобятся в дальнейшем использование на вашем устройстве.

Вариант 1 — Установка приложения «командная строка»

Если вы используете магазин , то тогда вам стоит перейти в него и строке поиска прописать следующую фразу — «командная строка» или «терминал» или «консоль«.

http--androidp1.ru-wp-content-uploads-2016-08-2016-08-22_11-40-29-600x215.jpg

Запустите установленное приложение и перед вами окажется командная строка Android!

http--androidp1.ru-wp-content-uploads-2016-08-bhk2ea-250x444.jpg

Недостатком этого решения будет, то что, если у вас нет Root прав, то у вас не будет возможности более полно использовать команды adb, поэтому вам понадобиться использовать и второй вариант, для которого необходим компьютер.

Вариант 2 — Компьютер и утилита ADB

Для того того чтобы управлять более полно вашим Android смартфоном или планшетом с помощью командной строки с вашего компьютера вам понадобиться выполнить несколько действий:

  1. Установить драйвер Android на компьютер
  2. Включить «Отладку по USB«
  3. Загрузить утилиту ADB или программу ADB RUN для работы с устройствами Android

После чего используя командую строку или программу ADB RUN используем команды ADB и Linux для настройки вашего Android смартфона или планшета.

kak-v-brauzere-otkryt-konsol-razrabotchika.png

Открытие консоли разработчика в браузерах

Для девелоперов в браузере есть несколько инструментов, которые позволяют им профессионально заниматься веб-разработкой. Одним из них является консоль, которая позволяет отслеживать разные события. Открывать ее можно по-разному, и далее мы рассмотрим различные варианты этого действия. Для Яндекс.Браузера у нас есть отдельная статья, а обладателям других браузеров предлагаем ознакомиться с материалом ниже.

Подробнее: Как открыть консоль в Яндекс.Браузере

Способ 1: Горячие клавиши

Каждый веб-обозреватель поддерживает управление горячими клавишами, и в большинстве своем эти комбинации одинаковы.

  • Google Chrome / Opera:

Ctrl + Shift + JMozilla Firefox: Ctrl + Shift + K</ul>

Есть и универсальная горячая клавиша — F12. Она запускает консоль во всех веб-обозревателях.

Способ 2: Контекстное меню

Через контекстное меню также можно вызвать консоль разработчика. Сами действия абсолютно одинаковы.

Google Chrome

  1. Нажмите правой кнопкой мыши по пустому месту на любой странице и выберите «Просмотреть код».

vyzov-konsoli-razrabotchika-cherez-kontekstnoe-menyu-google-chrome.png

Переключитесь на вкладку «Console».</li>pereklyuchenie-na-vkladku-s-konsolyu-v-instrumentah-razrabotchika-google-chrome.png</ol>

Opera

  1. Кликните ПКМ по пустому месту и выберите «Просмотреть код элемента».

zapusk-instrumentov-razrabotchika-dlya-pereklyucheniya-na-konsol-cherez-kontekstnoe-menyu-opera.png

Там переключитесь на «Console».</li>pereklyuchenie-na-vkladku-konsol-v-instrumentah-razrabotchika-opera.png</ol>

Mozilla Firefox

  1. Правым кликом мыши вызовите контекстное меню и нажмите на «Исследовать элемент».

vyzov-instrumentov-razrabotchika-dlya-otkrytiya-konsoli-cherez-kontekstnoe-menyu-mozilla-firefox.png

Переключитесь на «Консоль».</li>vkladka-konsol-v-instrumentah-razrabotchika-mozilla-firefox.png</ol>

Способ 3: Меню браузера

Через меню также не составит труда попасть в искомый раздел.

Google Chrome

Кликните по значку меню, выберите пункт «Дополнительные инструменты» и из выпадающего меню перейдите в «Инструменты разработчика». Останется только переключиться на вкладку «Console».

vyzov-instrumentov-razrabotchika-dlya-perehoda-v-konsol-cherez-menyu-brauzera-google-chrome.png

Opera

Щелкните по иконке меню в верхнем левом углу, наведите курсор на пункт меню «Разработка» и выберите «Инструменты разработчика». В появившемся разделе переключитесь на «Console».

perehod-v-instrumenty-razrabotchika-dlya-otkrytiya-konsoli-cherez-menyu-brauzera-opera.png

Mozilla Firefox

  1. Вызовите меню и щелкните по «Веб-разработка».

perehod-v-razdel-veb-razrabotka-cherez-menyu-brauzera-mozilla-firefox.png

В списке инструментов выберите «Веб-консоль».</li>

vyzov-konsoli-cherez-razdel-menyu-veb-razrabotka-brauzera-mozilla-firefox.png

Переключитесь на вкладку «Консоль».</li>pereklyuchenie-na-vkladku-konsol-v-instrumentah-razrabotchika-mozilla-firefox.png</ol>

Способ 4: Запуск при старте браузера

Тем, кто постоянно связан с разработкой, необходимо всегда держать консоль открытой. Чтобы каждый раз не вызывать ее заново, браузеры предлагают задать ярлыку определенные параметры, которые автоматически вызывают консоль, когда через этот ярлык будет запускаться веб-обозреватель.

Google Chrome / Opera

  1. Кликните по ярлыку программы правой кнопкой мыши и перейдите в «Свойства». Если ярлыка нет, щелкните по самому EXE-файлу ПКМ и выберите пункт «Создать ярлык».
  2. На вкладке «Ярлык» в поле «Объект» поместите текстовый указатель в конец строки и вставьте команду --auto-open-devtools-for-tabs. Щелкните «ОК».

Теперь консоль разработчика будет автоматически открываться вместе с браузером.

Mozilla Firefox

Обладателям этого браузера позволяется вызывать консоль в новом окне, что может быть гораздо удобнее. Для этого им понадобится перейти в «Свойства» ярлыка, как это было показано выше, но вписать уже другую команду — -jsconsole.

Она откроется отдельно вместе с Файрфокс.

Теперь вы знаете все актуальные способы запуска консоли в нужный момент или автоматически. Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

6565

Приложение AngularJS прекрасно работает на настольном компьютере, но не отображает должным образом на мобильном устройстве (отображается реальный код). Это на телефоне Android.

Я хотел бы увидеть, какие ошибки отображаются в консоли.

Можно ли открыть консоль JS в приложении chrome на мобильном устройстве (как на рабочем столе)?

3   ответа

6565

Вы можете сделать это с помощью удаленной отладки, вотофициальная документация, Основной процесс:

Подключите ваше устройство AndroidВыберите ваше устройство: Дополнительные инструменты> Проверка устройств из инструментов разработчика на ПК / Mac.Авторизуйтесь на вашем мобильном телефоне.Удачной отладки !!

77

Если вы хотите видеть только то, что было напечатано в консоли, вы можете просто добавить «напечатанную» часть где-то в вашем HTML, чтобы она появилась на веб-странице. Вы можете сделать это для себя, но есть файл javascript, который сделает это за вас. Вы можете прочитать об этом здесь:

mobileConsole – JavaScript console for mobile devices

Код доступен от Github; Вы можете скачать его и вставить в файл javascipt и добавить его в свой HTML

1111

Если у вас нет ПК под рукой, вы можете использовать Eruda, которая является devtools для мобильных браузеровhttps://github.com/liriliri/erudaОн предоставляется как встраиваемый javascript, а также в виде букмарклета (при вставке букмарклета в chrome префикс javascript: удаляется, поэтому вы должны ввести его самостоятельно)

Похожие вопросы

Используемые источники:

  • https://4pda.biz/android-obshchee/2967-komandnaya-stroka-android-kak-otkryt-i-zapustit.html
  • https://lumpics.ru/how-to-open-the-developer-console-in-a-browser/
  • https://vike.io/ru/408295/

Рейтинг автора
5
Подборку подготовил
Максим Уваров
Наш эксперт
Написано статей
171
Ссылка на основную публикацию
Похожие публикации