Dostosuj wygląd inspektora przeglądarki Chrome

Question

Jestem zmęczony mnóstwem problemów, które codziennie pojawiają się w Firefoksie i próbuję jeszcze raz przejść na Chrome.

Jedną z rzeczy, które mnie frustrują, jest układ zakładek w inspektorze. W firebug są one wszystkie na górze, więc jeśli chcę metryki elementu, jest to bardzo proste. W Chrome zawsze przewijam w górę iw dół.

Czy mimo to należy zmienić sposób działania? Wszystko, co chcę zrobić, to zmienić układ na coś podobnego do Firebug.

Pozdrawiam!

Answer 1

Inspektor przeglądarki Chrome to tylko aplikacja internetowa, dlatego można ją łatwo dostosować. Możesz pobrać kopię devtools HTML/CSS/JS i poinformować Chrome, że używa jej z flagą wiersza poleceń. Niektóre zasoby dla Ciebie:

• prowadzenie własnej devtools frontend
• Dostosowywanie look and feel of elements tab
• Podobne SO pytanie: Chrome "Developer Tools" element - hide annoying yellow dimensions box
• Spis Chrome command line flags narzędzia

Answer 2

Dev to tylko CSS/JavaScript, dzięki czemu można rób co chcesz.

Jeśli obejrzysz tę wersję video, Paul Irish pokaże, jak uruchomić kompilację Chrome i wskazać swój własny kod narzędzi programistycznych. Coś fajnego!

Answer 3

Devtools CSS znajduje się pod numerem chrome-devtools://devtools/devTools.css (skopiuj i wklej adres w pasku adresu).

nadpisać style wykorzystujące Custom.css który mieszka pod adresem:

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