Chrome web denetçisinin görünümünü özelleştirin

Question

Firefox ile günlük olarak vurduğum çok sayıda sorundan sıkıldım ve bir kez daha Chrome'a ​​geçmeye çalışıyorum.

Beni rahatsız eden şeylerden biri, denetçideki sekmelerin düzeni. Ateşböceğinde hepsi en tepede bulunurlar, böylece bir öğenin metriklerini kullanmak inanılmaz derecede basittir. Chrome'da sonsuza dek yukarı ve aşağı kaydırıyorum.

Bunun çalışma şeklini değiştirmek için herhangi bir yol var mı? Tek yapmak istediğim, yerleşimi Firebug'a benzer bir şekilde değiştirmektir.

Şerefe!

Answer 1

Chrome web denetçisi bir web uygulamasıdır, bu yüzden çok özelleştirilebilir. HTML/CSS/JS devtools'unun bir kopyasını indirebilir ve Chrome'u bir komut satırı bayrağıyla kullanmasını sağlayabilirsiniz. sizin için bazı kaynaklar: Özelleştirme

• Running kendi devtools frontend
• look and feel of elements tab
• İlgili SO soru: Chrome "Developer Tools" element - hide annoying yellow dimensions box
• Liste Chrome command line flags ait

Answer 2

Dev araçları sadece CSS/JavaScript böylece yapabilirsiniz vardır ne istersen onu yap.

Bu video numaralı telefonu izliyorsanız, Paul Irish bir Chrome sürümünü nasıl çalıştıracağınızı ve kendi dev araç kodunuzu nasıl işaret edeceğini gösterir. Serinkanlı!

Answer 3

CSS devoidleri chrome-devtools://devtools/devTools.css adresindedir (adresi kopyalayıp adres çubuğuna yapıştırın).

geçersiz kılma yaşayan Custom.css kullanarak stilleri:

OS

~/Library/Google/Chrome/Default/User StyleSheets, Windows

üzerinde

• C:\Users\<user>\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets X

Bunun