इस पेज पर, Chrome DevTools को पसंद के मुताबिक बनाने के तरीकों की सूची दी गई है.
सेटिंग
सेटिंग > प्राथमिकताएं में, DevTools को पसंद के मुताबिक बनाने के कई विकल्प होते हैं.
सेटिंग खोलें और प्राथमिकताएं देखें.
गहरे रंग वाली थीम
सेटिंग या कमांड मेन्यू में जाकर, गहरे रंग वाली थीम को चालू किया जा सकता है.
- कमांड मेन्यू खोलें.
darkटाइप करना शुरू करें. इसके बाद, गहरे रंग वाली थीम पर स्विच करें निर्देश चुनें. इसके बाद, निर्देश चलाने के लिए Enter दबाएं.
इसके अलावा, सेटिंग > में जाकर अपनी थीम को सेट किया जा सकता है प्राथमिकताएं > दिखने का तरीका > थीम.
डाइनैमिक थीम
DevTools, Chrome की कलर थीम से अपने-आप मैच हो सकता है.
थीम सेट करने के लिए:
- नया टैब खोलें और दाएं कोने में Chrome को पसंद के मुताबिक बनाएं पर क्लिक करें.
- दिखने का तरीका में, थीम बदलें की मदद से कोई थीम चुनें या रंग पटल चुनें.
ड्रॉवर
ड्रॉअर में कई ऐसी सुविधाएं हैं जो छिपी हुई हैं.
ड्रॉर खोलने या बंद करने के लिए, Escape बटन दबाएं.
ड্রॉअर के अन्य टैब खोलने के लिए, ज़्यादा टूल पर क्लिक करें.
DevTools की जगह बदलना
डिफ़ॉल्ट रूप से, DevTools आपके व्यूपोर्ट की दाईं ओर डॉक किया हुआ है. DevTools को नीचे या बाईं ओर भी डॉक किया जा सकता है. इसके अलावा, इसे अलग विंडो में अनडॉक भी किया जा सकता है.
DevTools के प्लेसमेंट को दो तरीकों से बदला जा सकता है:
- मुख्य मेन्यू: पसंद के मुताबिक बनाएं और DevTools को कंट्रोल करें खोलें और यहां क्लिक करें:
- अलग विंडो में अनडॉक करें
- डॉक को बाईं ओर ले जाएं
- सबसे नीचे डॉक करें
- दाएं से डॉक करें
निर्देश मेन्यू:
- कमांड मेन्यू खोलें.
dockटाइप करना शुरू करें और सुझाए गए विकल्पों में से कोई एक चुनें: सबसे नीचे, बाईं ओर, दाईं ओर डॉक करें, अनडॉक करें या डॉक की पिछली जगह पर वापस लाएं.
कीबोर्ड शॉर्टकट से डॉक की पिछली स्थिति पहले जैसा करें टॉगल करने के लिए, यह दबाएं:
- Linux या Windows पर: Control+Shift+D
- MacOS पर: Command+Shift+D
पैनल, टैब, और पैनल का क्रम बदलना
क्रम बदलने के लिए, इनमें से किसी भी आइटम पर क्लिक करके, उसे बाईं या दाईं ओर खींचें और छोड़ें:
- DevTools में सबसे ऊपर मौजूद पैनल.
- एलिमेंट पैनल में मौजूद पैनल, जैसे कि स्टाइल, कंप्यूट किए गए, लेआउट वगैरह.
- सोर्स पैनल में मौजूद पैनल, जैसे कि पेज, Workspace, ओवरराइड वगैरह.
- DevTools के सबसे नीचे मौजूद ड्रॉर टैब.
इसके अलावा, ड्रॉअर में जाकर, पैनल और टैब को ऊपर और नीचे ले जाया जा सकता है. ऐसा करने के लिए, पैनल या टैब पर राइट-क्लिक करें और ड्रॉप-डाउन मेन्यू से सबसे ऊपर ले जाएं या सबसे नीचे जाएं को चुनें.
DevTools टैब के सभी सेशन में, कस्टम टैब का क्रम बना रहता है.
पैनल का लेआउट
डिफ़ॉल्ट रूप से, DevTools आपके पैनल लेआउट को विंडो के साइज़ के हिसाब से अपने-आप व्यवस्थित कर देगा. अपने-आप क्रम बदलने की सुविधा को बंद किया जा सकता है. सेटिंग > प्राथमिकताएं > दिखने का तरीका पर जाएं और अपनी पसंद के हिसाब से पैनल लेआउट अपडेट करें.
उदाहरण के लिए, एलिमेंट पैनल में स्टाइल पैनल, स्क्रीन का साइज़ छोटा होने पर एक तरफ़ से नीचे चला जाएगा. अगर आपको स्टाइल पैनल को हमेशा साइड में रखना है, तो पैनल लेआउट को वर्टिकल पर सेट करें.
DevTools के यूज़र इंटरफ़ेस (यूआई) की भाषा बदलें
सेटिंग > देखें प्राथमिकताएं > दिखने का तरीका > भाषा.
समन्वयन सेटिंग
DevTools की सेटिंग को एक से ज़्यादा डिवाइसों पर सिंक किया जा सकता है.
सिंक करने की सुविधा चालू करने के लिए, पहले Chrome सिंक की सुविधा चालू करें. एक बार चालू करने के बाद, आपकी DevTools सेटिंग डिफ़ॉल्ट रूप से सिंक हो जाती हैं.
सेटिंग > में जाकर, DevTools की सेटिंग को सिंक करने की सुविधा को अलग से चालू या बंद किया जा सकता है सिंक करें > सेटिंग सिंक करने की सुविधा चालू करें चेकबॉक्स.
DevTools, Workspace, प्रयोग, और डिवाइस टैब के अलावा, ज़्यादातर सेटिंग सिंक करता है. साथ ही, कुछ अन्य सामान्य सेटिंग भी सिंक करता है. सेटिंग सिंक करने की सुविधा चालू करें चेकबॉक्स की स्थिति, सभी डिवाइसों पर सिंक हो जाती है.
उदाहरण के लिए, नीचे दी गई थीम सेटिंग सिंक की जाती हैं, ताकि आपको सभी डिवाइसों पर एक जैसा अनुभव मिले. साथ ही, इन सेटिंग को फिर से तय करने की ज़रूरत नहीं होगी.
हालांकि, डॉक सेटिंग सिंक नहीं होती, क्योंकि अलग-अलग साइटों पर डीबग करते समय डेवलपर की डॉक की प्राथमिकताएं अलग-अलग होती हैं.
पसंद के मुताबिक कीबोर्ड शॉर्टकट बनाना
एक्सपेरिमेंट चालू करें
सेटिंग > प्रयोग देखें.