google-chrome-devtoolsНачало работы с google-chrome-devtools


замечания

В этом разделе представлен обзор того, что такое google-chrome-devtools, и почему разработчик может захотеть его использовать.

Следует также упомянуть любые крупные темы в google-chrome-devtools и ссылки на связанные темы. Поскольку Documentation для google-chrome-devtools является новым, вам может потребоваться создать начальные версии этих связанных тем.

Доступ к инструментам Chrome Dev

Хотя Chrome-браузер открыт для любой вкладки (кроме приветственных вкладок), у вас есть три варианта открытия Chrome Dev Tools:

Клавиатура : команда типа + опция + i

Меню браузера : нажмите «Меню»> «Дополнительные инструменты»> «Инструменты разработчика»,

меню браузера для инструментов chrome dev

Меню программы ( вверху экрана ): Нажмите «Вид»> «Разработчик»> «Инструменты разработчика»,

Меню программы для chrome dev tools

Перейти к члену (javaScript function / CSS rule)

Используйте CTRL + SHIFT + O ( + SHIFT + O для Mac), чтобы перейти к правилу javaScript / правилу CSS при просмотре файла.

Поиск по имени файла

На вкладке источников используйте CTRL + O ( + O для Mac) для поиска по имени файла.