Chrome Inspector: меняем оформление

Have a question? Ask in chat with AI!

google chrome логоВы пользуетесь инспектором кода, который есть в Google Chrome? Вам не хотелось сменить его оформление? Я думаю, гораздо приятнее работать с любой IDE если кастомизировать ее внешний вид под свои потребности. Как оказывается Chrome Inspector выполенен с помощью связки чистых HTML, CSS и JavaScript. Поэтому нам не составит труда его кастомизировать.

chrome inspector
Изменить внешний вид Chrome Inspector можно с помощью добавления собственного файла с CSS стилями. Называться он должен custom.css и лежать должен тут:
Если вы работаете на Mac: /Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
Если вы пользователь PC: C:UsersYourUsernameAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css
Если вы пользователь Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/Custom.css

В этот файл мы можем добавлять собственные стили для Chrome Inspector. Для того, чтобы начать исследовать стили инспектора кода в браузере Google Chrome вы можете воспользоваться вот этим файлом style.css. Многие стили в нем задокументированы, так что разобраться не составит труда. Ну и конечно поэкспериментировать методом тыка вам никто не запрещает 😉


Один комментарий к “0

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Предыдущая запись Drupal 7. Установка Drupal 7. Русификация Drupal 7
Следующая запись В Google Maps появилась погода