2011-08-22 18 views
5

के रूप को अनुकूलित करें मैं फ़ायरफ़ॉक्स के साथ दैनिक आधार पर कई मुद्दों पर थक गया हूं और मैं एक बार फिर क्रोम पर स्विच करने की कोशिश कर रहा हूं।क्रोम वेब इंस्पेक्टर

उन चीजों में से एक जो मुझे निराश करता है वह इंस्पेक्टर में टैब का लेआउट है। फायरबग में वे सभी शीर्ष पर हैं इसलिए यदि मैं किसी आइटम की मीट्रिक चाहता हूं तो यह अविश्वसनीय रूप से सरल है। क्रोम में मैं हमेशा ऊपर और नीचे स्क्रॉल कर रहा हूँ।

क्या यह काम करने के तरीके को बदलने के लिए वैसे भी है? मैं बस इतना करना चाहता हूं कि लेआउट को फायरबग के समान कुछ बदल दें।

चीयर्स!

उत्तर

2

क्रोम वेब इंस्पेक्टर सिर्फ एक वेब अनुप्रयोग है, इसलिए यह बहुत अनुकूलन योग्य है। आप devtools एचटीएमएल/सीएसएस/जेएस की एक प्रति डाउनलोड कर सकते हैं और कमांड लाइन ध्वज के साथ क्रोम का उपयोग करने के लिए कह सकते हैं। आप के लिए कुछ संसाधन:

+0

विशाल धन्यवाद, मैं जानता हूँ कि जब मैं मैं क्या कर रहा हो जाएगा मुझे कुछ अतिरिक्त समय मिल गया है! –

+0

क्या ये चीजें अभी भी काम करती हैं? मैं उन्हें नहीं मिल सकता। मैं अपने स्वयं के devtools फ्रंट एंड रनिंग भी नहीं मिल सकता है। अब मैं 4.9 जीबी ब्लिंक स्रोत डाउनलोड कर रहा हूं यह देखने के लिए कि सब कुछ कहाँ रहता है। कोई उपाय? – Rudie

0

देव उपकरण सिर्फ सीएसएस/जावास्क्रिप्ट तो आप कर सकते हैं कर रहे हैं आप जो चाहे करें।

यदि आप यह video देखते हैं, तो पॉल आयरिश दिखाता है कि क्रोम का निर्माण कैसे करें और अपने स्वयं के देव उपकरण कोड को इंगित करें। शांत तरह का!

+0

बहुत बहुत धन्यवाद! इसे पूरा करना होगा। –

+0

एनपी, इसे वोट करना सुनिश्चित करें/सही – wesbos

+0

के रूप में जांचें वीडियो लिंक अब और काम नहीं करता है। – Rudie

0

devtools सीएसएस chrome-devtools://devtools/devTools.css पर है (पते को पता बार में कॉपी और पेस्ट करें)।

अवहेलना शैलियों Custom.css का उपयोग कर, जिस पर रहता है:

  • विंडोज
  • ओएस पर ~/Library/Google/Chrome/Default/User StyleSheets पर C:\Users\<user>\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets एक्स
इस के लिए
+0

अब यहां खाल की एक सतत सूची है: http://darcyclarke.me/design/skin-your-chrome-inspector/ – Mixologic

+0

अब और काम नहीं करता है। – Rudie

संबंधित मुद्दे