DevTools को पसंद के मुताबिक बनाना

इस पेज पर, Chrome DevTools को पसंद के मुताबिक बनाने के तरीके बताए गए हैं.

सेटिंग

सेटिंग > प्राथमिकताएं में, DevTools को पसंद के मुताबिक बनाने के कई विकल्प होते हैं.

सेटिंग खोलें और प्राथमिकताएं देखें.

गहरे रंग वाली थीम

सेटिंग या कमांड मेन्यू में जाकर, गहरे रंग वाली थीम चालू की जा सकती है.

गहरे रंग वाली थीम.

  1. कमांड मेन्यू खोलें.
  2. dark टाइप करना शुरू करें. इसके बाद, गहरे रंग वाली थीम पर स्विच करें निर्देश चुनें. इसके बाद, निर्देश चलाने के लिए Enter दबाएं.

    गहरे रंग वाली थीम का निर्देश.

  3. इसके अलावा, सेटिंग > प्राथमिकताएं > दिखने का तरीका > थीम में जाकर भी थीम सेट की जा सकती है.

डाइनैमिक थीम

DevTools, Chrome की कलर थीम से अपने-आप मैच हो सकता है.

थीम सेट करने के लिए:

  1. नया टैब खोलें और सबसे नीचे दाएं कोने में, Chrome को पसंद के मुताबिक बनाएं पर क्लिक करें.
  2. दिखने का तरीका में जाकर, थीम बदलें से कोई थीम चुनें या कोई कलर पैलेट चुनें.

DevTools, 'दिखने का तरीका' में चुनी गई कलर थीम से मैच करता है.

डाइनैमिक थीम को बंद करने के लिए, सेटिंग > प्राथमिकताएं > दिखने का तरीका > Chrome की कलर स्कीम से मैच करें को हटाएं और DevTools को फिर से लोड करें.

ड्रॉवर

ड्रोअर में कई ऐसी सुविधाएं हैं जो छिपी हुई हैं.

ड्रॉवर खोलने या बंद करने के लिए, Escape दबाएं.

ड्रॉअर.

ड্রॉअर के अन्य टैब खोलने के लिए, ज़्यादा टूल पर क्लिक करें.

ज़्यादा टूल बटन, जो ड्रॉअर के अन्य टैब खोलता है.

DevTools की जगह बदलना

DevTools, डिफ़ॉल्ट रूप से आपके व्यूपोर्ट की दाईं ओर डॉक होता है. DevTools को नीचे या बाईं ओर भी डॉक किया जा सकता है. इसके अलावा, इसे अलग विंडो में अनडॉक भी किया जा सकता है.

DevTools की प्लेसमेंट को दो तरीकों से बदला जा सकता है:

  • मुख्य मेन्यू: DevTools को पसंद के मुताबिक बनाएं और कंट्रोल करें खोलें और इन पर क्लिक करें:
    • अलग विंडो में अनडॉक करें
    • डॉक को बाईं ओर ले जाएं
    • सबसे नीचे डॉक करें
    • दाईं ओर डॉक करें
  • कमांड मेन्यू:

    1. कमांड मेन्यू खोलें.
    2. dock टाइप करना शुरू करें और सुझाए गए विकल्पों में से कोई एक चुनें: सबसे नीचे, बाईं ओर, दाईं ओर डॉक करें, अनडॉक करें या डॉक की पिछली जगह पर वापस लाएं.

कमांड मेन्यू में, डॉक करने का सुझाया गया विकल्प.

कीबोर्ड शॉर्टकट की मदद से, डॉक की पिछली स्थिति में वापस लाएं को टॉगल करने के लिए, यह दबाएं:

  • Linux या Windows पर: Control+Shift+D
  • macOS पर: Command+Shift+D

पैनल, टैब, और पैनल को फिर से क्रम में लगाना

क्रम बदलने के लिए, इनमें से किसी भी आइटम पर क्लिक करके, उसे बाईं या दाईं ओर खींचें और छोड़ें:

  • DevTools में सबसे ऊपर मौजूद पैनल.
  • एलिमेंट पैनल में मौजूद पैनल, जैसे कि स्टाइल, कंप्यूट किए गए, लेआउट वगैरह.
  • सोर्स पैनल में मौजूद पैनल, जैसे कि पेज, Workspace, ओवरराइड वगैरह.
  • DevTools के सबसे नीचे मौजूद ड्रोअर टैब.

इसके अलावा, ड्रॉअर में जाकर, पैनल और टैब को ऊपर और नीचे ले जाया जा सकता है. ऐसा करने के लिए, पैनल या टैब पर दायां क्लिक करें. इसके बाद, ड्रॉप-डाउन मेन्यू से सबसे ऊपर ले जाएं या सबसे नीचे ले जाएं को चुनें.

टैब का पसंद के मुताबिक बनाया गया क्रम, DevTools के सभी सेशन में बना रहता है.

पैनल का लेआउट

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

उदाहरण के लिए, स्क्रीन का साइज़ छोटा होने पर, एलिमेंट पैनल में मौजूद स्टाइल पैनल, साइड से नीचे की ओर चला जाएगा. अगर आपको स्टाइल पैनल को हमेशा साइड में रखना है, तो पैनल लेआउट को वर्टिकल पर सेट करें.

पैनल का लेआउट बदलना

DevTools के यूज़र इंटरफ़ेस (यूआई) की भाषा बदलना

सेटिंग > प्राथमिकताएं > दिखने का तरीका > भाषा देखें.

सेटिंग में जाकर, भाषा बदलें

समन्वयन सेटिंग

DevTools की सेटिंग को एक से ज़्यादा डिवाइसों पर सिंक किया जा सकता है.

सिंक करने की सुविधा चालू करने के लिए, पहले Chrome सिंक की सुविधा चालू करें. इस सुविधा को चालू करने के बाद, DevTools की सेटिंग डिफ़ॉल्ट रूप से सिंक हो जाती हैं.

Chrome प्रोफ़ाइल सिंक करना.

सेटिंग > सिंक करें > सेटिंग सिंक करने की सुविधा चालू करें चेकबॉक्स का इस्तेमाल करके, DevTools की सेटिंग सिंक करने की सुविधा को अलग से चालू या बंद किया जा सकता है.

DevTools में सिंक करने की सेटिंग

DevTools, Workspace, एक्सपेरिमेंट, और डिवाइस टैब के अलावा, ज़्यादातर सेटिंग सिंक करता है. साथ ही, कुछ अन्य सामान्य सेटिंग भी सिंक करता है. सेटिंग सिंक करने की सुविधा चालू करें चेकबॉक्स की स्थिति, सभी डिवाइसों पर सिंक हो जाती है.

उदाहरण के लिए, दिखने का तरीका से जुड़ी ये सेटिंग सिंक की जाती हैं, ताकि आपको सभी डिवाइसों पर एक जैसा अनुभव मिल सके. साथ ही, आपको एक ही सेटिंग को फिर से सेट करने की ज़रूरत न पड़े.

थीम की सेटिंग.

हालांकि, डॉक सेटिंग सिंक नहीं होती, क्योंकि अलग-अलग साइटों पर डीबग करते समय डेवलपर की डॉक की प्राथमिकताएं अलग-अलग होती हैं.

डॉक.

कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाएं

सेटिंग > शॉर्टकट देखें.

एक्सपेरिमेंट चालू करना

सेटिंग > एक्सपेरिमेंट देखें.