DevTools लेखक के साथ Chrome डेवलपर टूल कस्टमाइज़ करें

यदि आप एक फ़्रंट डेवलपर हैं तो आपको पहले से ही Google Chrome के DevTools पैनल के बारे में पता होना चाहिए। यह क्रोम के हर संस्करण के साथ कच्चे HTML / CSS के संपादन के लिए जेएस कंसोल के साथ बंडल किया जाता है और वास्तविक समय में डोम में हेरफेर करने की क्षमता के साथ आता है।.

DevTools लेखक नामक एक नया मुफ्त क्रोम प्लगइन आपको अतिरिक्त सिंटैक्स रंग योजनाओं, अद्वितीय फ़ॉन्ट और कस्टम फ़ॉन्ट आकारों के साथ DevTools पैनल को अनुकूलित करने देता है.

सेटअप बहुत सीधा है। आप बस Chrome वेबस्टोर से एक्सटेंशन इंस्टॉल करते हैं और फिर अपने ब्राउज़र में इस लिंक पर जाते हैं: chrome: // झंडे / # सक्षम-DevTools-प्रयोगों

आप अपने आप को Chrome फ्लैग पैनल में पाएंगे जहां आपको DevTools प्रयोगों को सक्षम करना चाहिए। एक बार जब आप सक्षम हो जाते हैं तो आपको क्रोम को पुनरारंभ करना चाहिए, DevTools सेटिंग्स पैनल खोलें और "प्रयोग" टैब ढूंढें.

फिर आप बस "कस्टम यूआई थीम की अनुमति दें" जांचें और आप जाने के लिए अच्छे हैं!

आप 25 से अधिक विभिन्न सिंटैक्स रंग योजनाओं में से चुन सकते हैं जो क्रोम के संपादक का उपयोग करने के लिए बहुत आसान है। और आप फ़ॉन्ट आकार 10px-22px से बदल सकते हैं या यहां तक ​​कि कंसोल फोंट को अपने ऑपरेटिंग सिस्टम पर किसी भी पूर्व-स्थापित फोंट को अपडेट कर सकते हैं.

यह प्लगइन DevTools पर कोई मुख्य विशेषताएं नहीं जोड़ता है, बल्कि आपको अपने DevTools विंडो की शैली और रूप बदलने देता है। यह आश्चर्यजनक रूप से कॉन्फ़िगर करना आसान है और यह आपके DevTools अनुभव को और अधिक व्यक्तिगत महसूस कर सकता है.

अगर आपको सेटअप के दौरान कोई परेशानी है तो इस निर्देशित इंट्रो वीडियो को देखें.