Инструменты разработчика в Chrome могут понадобиться при тестировании продукта, изучении HTML и CSS, разработке плагинов, вёрстке сайтов. С помощью расширенной консоли можно получать доступ к возможностям персонализации страницы, запуску команд и т. д.
Как включить панель разработчика в Google Chrome на компьютере
Доступ к инструментам разработчика можно получить в любом современном браузере – в Google Chrome перейти в такую консоль можно тремя основными методами.
Способ 1: Через меню браузера
Панель разработчика в Google Chrome не спрятана в глубине всевозможных настроек – для её вызова достаточно раскрыть подменю браузера, развернуть пункт Дополнительные инструменты и выбрать вариант Инструменты разработчика.
Способ неприменим при работе в полноэкранном режиме, поскольку подменю в таком случае не отображается.
Способ 2: Через контекстное меню
Гораздо проще и быстрее запускать панель с инструментами разработчика на конкретном сайте – нужно лишь сделать правый клик в любой области страницы и выбрать пункт Просмотреть код.
Функционал консоли, открываемой с помощью этого метода, ничем не отличается от предыдущего.
Способ 3: Через сочетание клавиш
С использованием клавиатуры доступ к консоли можно получить не менее быстро – нужно лишь воспользоваться одной из предложенных ниже комбинаций клавиш:
- в Windows – Ctrl + Shift + I;
- в macOS – Comman + Option + I.
Главное достоинство этого способа – применимость на сайтах, блокирующих запуск панели разработчика другими методами.
Способ 4: Автоматический запуск при старте Chrome
Для тех, кто вынужден постоянно держать консоль разработчика открытой, подойдёт вариант с настройкой автоматического её запуска при старте браузера.
Настраивается следующим образом:
- Раскрыть контекстное меню ярлыка, используемого для запуска Chrome, перейти в Свойства.
- В поле Объект в конец строки через пробел вставить атрибут auto-open-devtools-for-tabs, применить изменения.
При запуске через исполняемый файл или другие ярлыки консоль открываться не будет.
Дополнительно
Существует несколько хитростей, использование которых значительно упрощает работу с инструментами разработчика на любом сайте:
- Сочетанием клавиш Ctrl + Shift + F можно открыть поисковую строку, с помощью которой ведётся поиск команд и выражений.
- С зажатой кнопкой Ctrl можно выделить несколько полей и работать с ними параллельно.
- Прожав сочетание клавиш Ctrl + G в разделе Sources, можно быстро переходить к нужной строке через ввод её номера.
- Нажав на иконку в виде смартфона, можно перейти в режим эмуляции сенсорного касания дисплея – это позволяет тестировать адаптивность сайтов.
Представленный список нельзя назвать исчерпывающим – Google добавила массу полезных функций для разработчиков.
Как включить панель разработчика на телефоне
На смартфонах под управлением Android и iOS получить доступ к привычному режиму разработчика не получится. Однако разблокировать расширенный функционал всё же можно – для это созданы скрытые Параметры разработчика.
Для перехода к скрытым параметрам нужно выполнить простую последовательность действий:
- Раскрыть меню Chrome, открыть Настройки, спуститься в конец страницы и переместиться в блок О браузере Chrome.
- Несколько раз подряд тапнуть по пункту Версия приложения до появления сообщения Developer Options are now enabled.
- Вернуться на шаг назад, снова пролистать страницу до конца – перед пунктом О браузере должен появиться Developer Options с единственной доступной опцией Tracing.
В трассировке, к которой и будет открыт доступ, содержатся три основных раздела:
- По умолчанию активные категории – содержит 142 опции, который можно отключать или подключать вручную (изначально активна каждая из них).
- По умолчанию отключенные категории – включает в себя 91 опцию, которыми тоже можно управлять (изначально все отключены).
- Режим трассировки – позволяет переключаться между режимами записи (пока не заполнится, пока не заполнится (с увеличенным буфером), непрерывно).
При нажатии на кнопку Record trace запустится запись, управлять которой можно будет через системную шторку.
В трассировки могут быть включены личные данные и сведения любого открытого сайта (в том числе и во вкладках инкогнито).
Панель разработчика Google Chrome – интересный инструмент тестирования веб-ресурсов, полноценное освоение которого позволит пользоваться массой полезных функций даже при обычной работе с браузером.