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

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

सेटिंग

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

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

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

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

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

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

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

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

डाइनैमिक थीम

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

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

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

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

ड्रॉवर

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

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

ड्रॉवर

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

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

DevTools का प्लेसमेंट बदलें

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

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

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

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

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

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

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

पैनल, टैब, और पैनल का क्रम बदलना

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

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

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

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

पैनल का लेआउट

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

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

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

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

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

भाषा बदलने के लिए, 'सेटिंग' और फिर 'प्राथमिकताएं' में जाएं

सिंक सेटिंग

DevTools सेटिंग को कई डिवाइसों पर सिंक किया जा सकता है.

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

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

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

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

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

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

रंग-रूप की सेटिंग.

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

डॉक.

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

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

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

सेटिंग > प्रयोग देखें.