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

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. Многие стили в нем задокументированы, так что разобраться не составит труда. Ну и конечно поэкспериментировать методом тыка вам никто не запрещает 😉



Запись опубликована в рубрике Google Chrome, Браузеры с метками , , , , . Добавьте в закладки постоянную ссылку.

Один комментарий: Chrome Inspector: меняем оформление

  1. freekir говорит:

    Меня устраивает. Можно скрин, что ты со своим сделал?

Добавить комментарий для freekir Отменить ответ

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