Настройте внешний вид веб-инспектора Chrome

Question

Я устал от множества проблем, с которыми я сталкиваюсь ежедневно с Firefox, и пытаюсь снова переключиться на Chrome.

Одна из вещей, которая меня расстраивает, - это расположение вкладок в инспекторе. В Firebug они все в топе, поэтому, если я хочу метрики элемента, это невероятно просто. В Chrome я постоянно прокручиваю вверх и вниз.

Есть ли способ изменить это? Все, что я хочу сделать, это изменить макет на что-то похожее на Firebug.

Ура!

Answer 1

Веб-инспектор Chrome - это просто веб-приложение, поэтому его можно легко настраивать.Вы можете скачать копию devtools HTML / CSS / JS и указать Chrome использовать ее с флагом командной строки.Некоторые ресурсы для вас:

• Запуск собственного внешнего интерфейса devtools
• Настройка внешний вид и вкладка элементов
• Связанный вопрос SO: Элемент Chrome "Инструменты разработчика" - скрыть надоедливую желтую рамку размеров
• Список Флаги командной строки Chrome

Answer 2

CSS devtools находится на chrome-devtools://devtools/devTools.css (скопируйте и вставьте адрес в адресную строку).

Переопределите стили, используя Custom.css, который находится по адресу:

• C:\Users\<user>\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets в Windows
• ~/Library/Google/Chrome/Default/User StyleSheets в OS X

Answer 3

Инструменты разработчика - это просто CSS / JavaScript, поэтому вы можете делать все, что захотите.

Если вы посмотрите это видео , Пол Ирриш покажет, как запустить сборку Chrome и указать насобственный код инструментов разработчика.Вид круто!