प्राथमिकताएँ

Sofia Emelianova
Sofia Emelianova

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

प्राथमिकताएं सेट करने के लिए, सेटिंग. सेटिंग > प्राथमिकताएं खोलें. इसके बाद, स्क्रोल करके यहां बताए गए किसी सेक्शन पर जाएं.

'प्राथमिकताएं' टैब में मौजूद 'दिखने का तरीका' सेक्शन.

यह जानने के लिए कि हर सेटिंग क्या करती है, इस पेज पर सेटिंग का नाम खोजें और सेटिंग के ब्यौरे को बड़ा करें.

इस रेफ़रंस में, अलग-अलग सेटिंग के लिए ये आइकॉन इस्तेमाल किए गए हैं:

  • चेकबॉक्स. चेकबॉक्स
  • ड्रॉप-डाउन सूचियां ड्रॉप-डाउन.
  • समर्थन नहीं होना या रुकना. अब काम नहीं करता

डिफ़ॉल्ट सेटिंग को पहले जैसा करने के लिए, सेटिंग टैब के आखिर तक स्क्रोल करें और डिफ़ॉल्ट सेटिंग वापस लाएं और फिर से लोड करें पर क्लिक करें.

थीम

इस सेक्शन में, DevTools के दिखने के तरीके को पसंद के मुताबिक बनाने के विकल्प मौजूद होते हैं.

थीम ड्रॉप-डाउन., DevTools के यूज़र इंटरफ़ेस (यूआई) के लिए कलर थीम सेट करता है.

थीम: DevTools की थीम को सिस्टम की प्राथमिकता से गहरे रंग वाली थीम में बदलकर हल्के रंग वाली थीम में बदलना.
  • सिस्टम की प्राथमिकता
  • हल्का
  • गहरा

पैनल लेआउट ड्रॉप-डाउन., पैनल में पैनल व्यवस्थित करता है.

एलिमेंट > स्टाइल और मिलते-जुलते टैब के साथ-साथ, सोर्स > डीबगर पैनल पर असर पड़ता है. अपने-आप विकल्प से, लेआउट DevTools की चौड़ाई पर निर्भर करता है.

पैनल का लेआउट: एलिमेंट के पैनल लेआउट को हॉरिज़ॉन्टल से वर्टिकल में बदलना.
  • हॉरिज़ॉन्टल
  • वर्टिकल
  • अपने-आप

भाषा ड्रॉप-डाउन., DevTools के यूज़र इंटरफ़ेस (यूआई) के लिए स्थानीय भाषा सेट करता है.

इस सेटिंग को लागू करने के लिए, DevTools को फिर से लोड करें.

भाषा: सेटिंग पैनल को चाइनीज़ में दिखाया गया है.
  • ब्राउज़र यूज़र इंटरफ़ेस (यूआई) की भाषा
  • स्थानीय भाषा के विकल्पों में से एक, इस उदाहरण में चाइनीज़

चेकबॉक्स. पैनल स्विच करने के लिए, Ctrl/Cmd + 0-9 शॉर्टकट की सुविधा चालू करें. इससे, कीबोर्ड का इस्तेमाल करके पैनल खोले जा सकते हैं.

इस वीडियो में, कीबोर्ड शॉर्टकट का इस्तेमाल करके, टैब के बीच स्विच करने का तरीका बताया गया है.

चेकबॉक्स. रोकी गई स्थिति का ओवरले बंद करें विकल्प चुनने पर, कोड के चलने पर रोक लगाने पर व्यूपोर्ट में डीबगर में रोका गया चलाएं और अगले चरण पर जाएं बटन. ओवरले नहीं दिखता.

चेकबॉक्स. हर अपडेट के बाद'नया क्या है' दिखाएं: यह सेटिंग चुनने पर, Chrome के हर अपडेट के बाद नया क्या है ड्रॉअर टैब अपने-आप खुल जाता है.

'नया क्या है' ड्रॉअर टैब.

स्रोत

इस सेक्शन में ऐसे विकल्पों की सूची दी गई है जिनसे सोर्स पैनल को पसंद के मुताबिक बनाया जा सकता है.

चेकबॉक्स. पहचान छिपाकर लिखी गई और कॉन्टेंट स्क्रिप्ट में खोजें सुविधा की मदद से, खोजें टैब का इस्तेमाल करके, लोड की गई सभी JavaScript फ़ाइलों को खोजा जा सकता है. इनमें Chrome एक्सटेंशन में मौजूद फ़ाइलें भी शामिल हैं.

इस वीडियो में, एक्सटेंशन सोर्स फ़ाइल में टेक्स्ट खोजने का तरीका बताया गया है.

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

इस वीडियो में दिखाया गया है कि इस विकल्प के चालू होने पर, टैब के बीच स्विच करने पर सोर्स पैनल, नेविगेशन ट्री में फ़ाइलों को कैसे चुनता है.

चेकबॉक्स. JavaScript सोर्स मैप चालू करने से, DevTools को जनरेट की गई या छोटी की गई JavaScript फ़ाइलों के सोर्स ढूंढने में मदद मिलती है.

सोर्स पैनल, स्टेटस बार में छोटी की गई फ़ाइल का लिंक दिखाता है.

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

इसके लिए, DevTools को फिर से लोड करना होगा.

इस वीडियो में, सबसे पहले Tab बटन दबाकर डाले गए Tab वर्ण दिखाए गए हैं. इसके बाद, इस विकल्प को चालू करने और DevTools को फिर से लोड करने पर, Tab बटन से फ़ोकस को एक से दूसरी जगह ले जाया जा सकता है.

चेकबॉक्स. इंडेंटेशन का पता लगाएं, एडिटर में खोली गई सोर्स फ़ाइल में मौजूद इंडेंटेशन को सेट करता है.

इसके लिए, DevTools को फिर से लोड करना होगा.

इस वीडियो में सबसे पहले, आठ स्पेस का डिफ़ॉल्ट इंडेंटेशन दिखाया गया है. इस विकल्प को चालू करने पर, यह सोर्स फ़ाइल के डिफ़ॉल्ट इंडेंटेशन को बदल देता है.

चेकबॉक्स. ऑटोकंप्लीट की सुविधा, Editor में काम के सुझाव दिखाती है.

इस वीडियो में, पहले कोई सुझाव नहीं दिखता. इसके बाद, इस विकल्प को चालू करने पर, एडिटर कमांड पूरा करने के लिए सुझाव दिखाता है.

चेकबॉक्स. ब्रैकेट अपने-आप बंद होने की सुविधा: इस सुविधा की मदद से, ब्रैकेट खोलने पर, ब्रैकेट बंद करने वाला ब्रैकेट या टैग अपने-आप जुड़ जाता है.

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

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

लाल रंग से अंडरलाइन किया गया ऐसा कर्ली ब्रैकेट जिसका कोई पेयर नहीं है.

चेकबॉक्स. कोड फ़ोल्डिंग की मदद से, एडिटर में कर्ली ब्रैकेट में कोड ब्लॉक को फ़ोल्ड और अनफ़ोल्ड किया जा सकता है.

इसके लिए, DevTools को फिर से लोड करना होगा.

इस वीडियो में, इस विकल्प को चालू करने पर कोड ब्लॉक को फ़ोल्ड करने का तरीका बताया गया है.

स्पेस वर्ण दिखाएं ड्रॉप-डाउन., एडिटर में स्पेस वर्ण दिखाता है.

इसके लिए, DevTools को फिर से लोड करना होगा. विकल्पों से ये काम किए जा सकते हैं:

  • सभी, खाली जगह वाले सभी वर्णों को बिंदु (...) के तौर पर दिखाता है. इसके अलावा, एडिटर, Tab वर्ण को लाइन () के तौर पर दिखाता है.
  • ट्रेलिंग, लाइनों के आखिर में मौजूद खाली जगह को हलके लाल रंग में हाइलाइट करता है.
खाली सफ़ेद जगह दिखाएं: चुने गए विकल्प: सभी और ट्रेलिंग.
  • कोई नहीं
  • सभी (...)
  • ट्रेलिंग

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

फ़ंक्शन के दौरान रोके गए डीबगर में, असाइनमेंट स्टेटमेंट के बगल में वैरिएबल वैल्यू दिखती हैं.

चेकबॉक्स. ब्रेकपॉइंट ट्रिगर करते समय सोर्स पैनल पर फ़ोकस करें. इससे, उस लाइन पर सोर्स > एडिटर खुलता है जहां ब्रेकपॉइंट की वजह से प्रोग्राम का चलना रुका है.

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

चेकबॉक्स. छोटी की गई सोर्स फ़ाइलों को अपने-आप प्रिटी प्रिंट करने से, उन सोर्स को पढ़ा जा सकता है.

प्रीटी प्रिंट होने पर, एडिटर एक लंबी कोड लाइन को कई लाइनों में दिखा सकता है. इसके पहले - होता है, ताकि यह पता चल सके कि यह लाइन जारी है.

सोर्स पैनल में प्रिटी प्रिंट किया गया कोड.

चेकबॉक्स. सीएसएस सोर्स मैप चालू करें से, DevTools जनरेट की गई सीएसएस फ़ाइलों के सोर्स ढूंढ सकता है. उदाहरण के लिए, .scss. साथ ही, उन्हें आपको दिखा सकता है.

सोर्स पैनल, नेविगेशन ट्री के 'लेखक' सेक्शन में .scss फ़ाइलें दिखाता है. एलिमेंट पैनल में मौजूद स्टाइल पैनल, सीएसएस नियमों के बगल में .scss सोर्स के लिंक दिखाता है.

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

इस वीडियो में बताया गया है कि इस विकल्प को चालू करने के बाद, फ़ाइल के आखिर तक स्क्रोल कैसे करें.

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

अगर इसे बंद रखा जाता है, तो DevTools कंसोल में इस तरह के मैसेज लॉग करता है:

Console में एक मैसेज, जिसमें बताया गया है कि सुरक्षा से जुड़ी वजहों से, किसी रिमोट फ़ाइल पाथ से लोड करने की अनुमति नहीं है.

डिफ़ॉल्ट इंडेंटेशन ड्रॉप-डाउन. की मदद से, यह चुना जा सकता है कि Tab बटन. Tab बटन, एडिटर में कितनी स्पेस डाले.

डिफ़ॉल्ट इंडेंटेशन: बदलाव करने के विकल्पों को बंद करना और डिफ़ॉल्ट इंडेंटेशन को दो स्पेस से आठ स्पेस पर बदलना. इसके बाद, इंडेंटेशन को Tab बटन पर सेट करना.
  • दो स्पेस
  • चार स्पेस
  • आठ स्पेस
  • Tab वर्ण

इस उदाहरण में, डिफ़ॉल्ट इंडेंटेशन को पहले आठ स्पेस और फिर Tab वर्ण पर सेट करने का तरीका बताया गया है.

एलिमेंट

इस सेक्शन में, एलिमेंट पैनल को पसंद के मुताबिक बनाने के विकल्प दिए गए हैं.

चेकबॉक्स. उपयोगकर्ता एजेंट के लिए शैडो डीओएम दिखाएं, डीओएम ट्री में शैडो डीओएम नोड दिखाता है.

एलिमेंट पैनल में शैडो डीओएम नोड दिखते हैं.

चेकबॉक्स. वर्ड रैप, डीओएम ट्री में मौजूद लंबी लाइनों को बांटता है और उन्हें अगली लाइन में रैप करता है.

एलिमेंट पैनल, लंबी लाइनों को शब्दों के हिसाब से बांटता है और उन्हें अगली लाइन पर ले जाता है.

चेकबॉक्स. एचटीएमएल टिप्पणियां दिखाएं, डीओएम ट्री में एचटीएमएल टिप्पणियां दिखाता है.

एलिमेंट पैनल में, एचटीएमएल टिप्पणियां दिखती हैं.

चेकबॉक्स. होवर करने पर डीओएम नोड दिखाएं: जांच करें. जांच मोड में, व्यूपोर्ट में किसी एलिमेंट पर कर्सर घुमाने पर, डीओएम ट्री में उससे जुड़ा नोड चुनता है.

इस वीडियो में सबसे पहले यह दिखाया गया है कि डीओएम ट्री में डीओएम नोड नहीं चुने गए हैं. इसके बाद, इस विकल्प को चालू करने पर, एलिमेंट पैनल, कर्सर घुमाने पर नोड चुनता है.

चेकबॉक्स. पूरी जांच वाला टूलटिप दिखाएं. यह विकल्प चुनने पर, किसी एलिमेंट पर कर्सर घुमाने पर, व्यूपोर्ट में जांच करें. जांच मोड में टूलटिप दिखता है.

जांच मोड में दिखने वाला ज़्यादा जानकारी वाला टूलटिप.

चेकबॉक्स. किसी आइटम के ऊपर कर्सर घुमाने पर रूलर दिखाएं विकल्प चुनने पर, डीओएम ट्री में मौजूद एलिमेंट पर कर्सर घुमाने पर, व्यूपोर्ट में रूलर दिखते हैं.

व्यूपोर्ट में दिखाए गए रूलर.

चेकबॉक्स. सीएसएस दस्तावेज़ के लिए टूलटिप दिखाएं: स्टाइल पैनल में किसी प्रॉपर्टी पर कर्सर घुमाने पर, यह विकल्प कम शब्दों में जानकारी वाला टूलटिप दिखाता है.

ज़्यादा जानें लिंक पर क्लिक करने से, आपको प्रॉपर्टी के MDN CSS रेफ़रंस पर ले जाया जाता है.

सीएसएस प्रॉपर्टी के दस्तावेज़ वाला टूलटिप.

नेटवर्क

इस सेक्शन में, नेटवर्क पैनल को पसंद के मुताबिक बनाने के विकल्प दिए गए हैं. ज़्यादातर विकल्प, पैनल की सेटिंग में मौजूद विकल्पों जैसे ही होते हैं.

चेकबॉक्स. लॉग सुरक्षित रखें, नेटवर्क पैनल में मौजूद लॉग सुरक्षित रखें के बराबर है. पेज लोड होने पर अनुरोधों को सेव करता है.

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

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

नेटवर्क पैनल में, 'नेटवर्क लॉग रिकॉर्ड करें' बटन.

चेकबॉक्स. नेटवर्क के अनुरोध को ब्लॉक करने की सुविधा चालू करें, नेटवर्क के अनुरोध को ब्लॉक करने वाले ड्रॉअर में मौजूद पैटर्न से मैच होने वाले अनुरोधों को ब्लॉक करता है.

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

चेकबॉक्स. कैश मेमोरी में सेव करने की सुविधा बंद करें (जब DevTools खुला हो), नेटवर्क पैनल में कैश मेमोरी में सेव करने की सुविधा बंद करें के बराबर है. ब्राउज़र की कैश मेमोरी की सुविधा बंद कर देता है.

'कैश मेमोरी की सुविधा बंद करें' चेकबॉक्स.

चेकबॉक्स. संवेदनशील डेटा के साथ HAR फ़ाइल जनरेट करने की अनुमति दें से, HAR फ़ाइल एक्सपोर्ट करें बटन में विकल्प जुड़ जाते हैं. इनकी मदद से, संवेदनशील डेटा (साफ़ किया गया) के साथ या उसके बिना डेटा एक्सपोर्ट किया जा सकता है.

Cookie, Set-Cookie, और Authorization हेडर में मौजूद डेटा को संवेदनशील डेटा कहा जाता है.

'एचएआर एक्सपोर्ट करें' बटन के लिए दो विकल्प.

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

नेटवर्क टैब पर, कलर-कोडिंग के साथ और बिना कलर-कोडिंग वाले वॉटरफ़ॉल कॉलम.

चेकबॉक्स. फ़्रेम के हिसाब से नेटवर्क लॉग का ग्रुप बनाएं, नेटवर्क पैनल में फ़्रेम के हिसाब से ग्रुप करें के बराबर है. यह विकल्प, इनलाइन फ़्रेम से शुरू किए गए अनुरोधों को ग्रुप करता है.

इनलाइन फ़्रेम के हिसाब से ग्रुप किए गए अनुरोधों वाला नेटवर्क अनुरोध लॉग.

चेकबॉक्स. इस साइट पर विज्ञापन ब्लॉक करने के लिए बाध्य करें विकल्प चुनने पर, DevTools खुला होने पर पेज पर पहचाने गए विज्ञापन ब्लॉक हो जाते हैं.

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

परफ़ॉर्मेंस

इस सेक्शन में, परफ़ॉर्मेंस पैनल को पसंद के मुताबिक बनाने के विकल्प दिए गए हैं.

फ़्लेमचार्ट माउस व्हील ऐक्शन ड्रॉप-डाउन.: फ़्लेम चार्ट पर नेविगेट करते समय, यह आपके माउस व्हील को स्क्रोल या ज़ूम ऐक्शन असाइन करता है.

फ़्लेम चार्ट में माउस व्हील का इस्तेमाल करके की जाने वाली कार्रवाइयां: फ़्लेम चार्ट के लिए, माउस व्हील की कार्रवाई को स्क्रोल से ज़ूम में बदलना.
  • स्क्रोल करें
  • ज़ूम करें

इस उदाहरण में, परफ़ॉर्मेंस पैनल में फ़्लेम चार्ट पर, माउस व्हील से स्क्रोल करने और ज़ूम करने की दोनों कार्रवाइयां दिखाई गई हैं.

कंसोल

इस सेक्शन में, Console को पसंद के मुताबिक बनाने के विकल्प मौजूद हैं. ज़्यादातर विकल्प, कंसोल की सेटिंग में मौजूद विकल्पों जैसे ही होते हैं.

कंसोल और सेटिंग में मिलते-जुलते विकल्प.

चेकबॉक्स. नेटवर्क मैसेज छिपाएं सेटिंग, कंसोल में नेटवर्क मैसेज छिपा देती है.

इस वीडियो में, सेटिंग. सेटिंग और कंसोल सेटिंग, दोनों में इस विकल्प की मदद से नेटवर्क मैसेज छिपाने का तरीका बताया गया है.

चेकबॉक्स. सिर्फ़ चुना गया कॉन्टेक्स्ट से, कंसोल सिर्फ़ चुने गए कॉन्टेक्स्ट के लिए मैसेज दिखाता है: टॉप, iframe, वर्कर्स या एक्सटेंशन.

इस वीडियो में, सेटिंग. सेटिंग और कंसोल > सेटिंग, दोनों में इस विकल्प को चालू करने का तरीका बताया गया है. साथ ही, कंसोल में संदर्भ चुनने का तरीका भी बताया गया है.

चेकबॉक्स. XMLHttpRequests को लॉग करें से, कंसोल XHR को लॉग करता है और अनुरोधों को फ़ेच करता है.

इस वीडियो में, सेटिंग. सेटिंग और कंसोल > सेटिंग, दोनों में इस विकल्प को चालू करने का तरीका बताया गया है. साथ ही, XHR finished loading मैसेज को कंसोल में लॉग करने का तरीका भी बताया गया है.

चेकबॉक्स. टाइमस्टैंप दिखाएं सेटिंग चालू करने पर, कंसोल में मैसेज के बगल में टाइमस्टैंप दिखते हैं.

Console में टाइमस्टैंप वाले मैसेज.

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

यह विकल्प आपको कंसोल > सेटिंग में भी दिखेगा.

Console के इतिहास से, कमांड के विकल्प के साथ अपने-आप भरने वाला ड्रॉप-डाउन.

चेकबॉक्स. Enter दबाने पर, अपने-आप पूरा होने वाले सुझाव स्वीकार करें सेटिंग चालू करने पर, Console में Enter दबाने पर, अपने-आप पूरा होने वाले सुझावों के ड्रॉप-डाउन से चुना गया सुझाव स्वीकार हो जाता है.

इस वीडियो में बताया गया है कि इस विकल्प को चालू करने से पहले और बाद में, Enter दबाने पर क्या होता है.

चेकबॉक्स. कंसोल में मिलते-जुलते मैसेज का ग्रुप बनाएं सेटिंग से, कंसोल मिलते-जुलते मैसेज को एक साथ ग्रुप में रखता है.

यह विकल्प आपको कंसोल > सेटिंग में भी दिखेगा.

कंसोल में मिलते-जुलते मैसेज एक साथ ग्रुप किए गए हैं.

चेकबॉक्स. कंसोल में सीओआरएस गड़बड़ियां दिखाएं से, कंसोल में लॉग की गई सीओआरएस गड़बड़ियां दिखती हैं.

यह विकल्प आपको कंसोल > सेटिंग में भी दिखेगा.

कंसोल में सीओआरएस से जुड़ी गड़बड़ियां दिखती हैं.

चेकबॉक्स. Eager evaluation की मदद से, कंसोल में कोई निर्देश टाइप करते समय, आउटपुट की झलक दिखती है.

यह विकल्प आपको कंसोल > सेटिंग में भी दिखेगा.

इस वीडियो में, आउटपुट की अलग-अलग झलक दिखाई गई हैं.

चेकबॉक्स. कोड की जांच को उपयोगकर्ता की कार्रवाई के तौर पर देखें से, कंसोल में चलाए गए किसी भी निर्देश को उपयोगकर्ता इंटरैक्शन में बदल दिया जाता है.

दूसरे शब्दों में, यह इवैलुएशन के बाद navigator.userActivation.isActive को true पर सेट करता है. यह विकल्प आपको कंसोल > सेटिंग में भी दिखेगा.

इस वीडियो में, इस विकल्प को चालू करने से पहले और बाद में, navigator.userActivation.isActive के आकलन का नतीजा दिखाया गया है.

चेकबॉक्स. console.trace() मैसेज को अपने-आप बड़ा करें से, Console में मैसेज लॉग होने पर, वे बड़े किए गए console.trace() मैसेज के तौर पर दिखते हैं.

Console में, बड़ा किया गया console.trace() मैसेज.

चेकबॉक्स. नेविगेट करने पर लॉग सेव करें सेटिंग चालू करने पर, Console हर नेविगेशन पर Navigated to मैसेज को लॉग करता है और सभी पेजों पर लॉग सेव करता है.

यह विकल्प आपको कंसोल > सेटिंग में भी दिखेगा.

Console, 'इस पर नेविगेट किया गया' मैसेज दिखाता है और अलग-अलग पेजों पर लॉग सेव करता है.

Extension

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

लिंक हैंडलिंग: लिंक खोलने के लिए कोई विकल्प चुनना.
  • अपने-आप. यह डिफ़ॉल्ट रूप से, सोर्स पैनल में फ़ाइलें खोलता है.
  • कोई भी विकल्प, जिसे DevTools एक्सटेंशन से जोड़ा जा सकता है.

परसिस्टेंस

इस सेक्शन में ऐसे विकल्पों की सूची होती है जिनसे यह कंट्रोल किया जाता है कि DevTools आपके किए गए बदलावों को कैसे सेव करता है.

चेकबॉक्स. स्थानीय बदलावों को चालू करने से, DevTools में किए गए बदलावों को पेज लोड होने पर, सोर्स में सेव कर दिया जाता है.

ज़्यादा जानकारी के लिए, स्थानीय बदलाव देखें.

डीबगर

इस सेक्शन में ऐसे विकल्पों की सूची दी गई है जिनसे डीबगर के काम करने का तरीका कंट्रोल किया जाता है.

चेकबॉक्स. JavaScript बंद करें सेक्शन की मदद से, यह देखा जा सकता है कि JavaScript बंद होने पर आपका वेब पेज कैसा दिखता है और कैसे काम करता है.

पेज को फिर से लोड करके देखें कि पेज लोड होने के दौरान, JavaScript पर निर्भर है या नहीं और अगर है, तो कैसे.

JavaScript बंद होने पर, Chrome पता बार में JavaScript बंद है. आइकॉन दिखाता है. साथ ही, DevTools सोर्स के बगल में चेतावनी वाला चेतावनी. आइकॉन दिखाता है.

पता बार में एक आइकॉन और DevTools में सोर्स के बगल में चेतावनी वाला आइकॉन.

चेकबॉक्स. एक साथ काम नहीं करने वाली स्टैक ट्रेस बंद करें से, कॉल स्टैक में एक साथ काम नहीं करने वाले ऑपरेशन की "पूरी जानकारी" छिप जाती है.

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

कॉल स्टैक में एक साथ काम करने वाली प्रोसेस.

ज़्यादा जानकारी के लिए, असाइन किए गए क्रम के मुताबिक नहीं होने वाले स्टैक ट्रेस देखना लेख पढ़ें.

ग्लोबल

इस सेक्शन में ऐसे विकल्पों की सूची दी गई है जिनका असर DevTools में दुनिया भर में होता है.

इस वीडियो में, पहले किसी लिंक पर क्लिक करने और DevTools के *बिना* नया टैब खोलने का तरीका बताया गया है. इसके बाद, इस विकल्प को चालू करने पर, DevTools के साथ एक नया टैब खुलता है.

चेकबॉक्स. टाइप करते समय खोजें सुविधा की मदद से, DevTools को खोज क्वेरी टाइप करते ही, खोज के पहले नतीजे पर "जंप" किया जा सकता है. अगर यह सुविधा बंद है, तो DevTools आपको नतीजे पर सिर्फ़ तब ले जाता है, जब Enter दबाया जाता है.

इस वीडियो में सबसे पहले यह दिखाया गया है कि खोज क्वेरी टाइप करने पर, DevTools कैसे "जंप" करता है. इस विकल्प को चालू करने के बाद, Enter दबाने पर, DevTools आपको पहले नतीजे पर ले जाता है.

सिंक करें

इस सेक्शन में, डिवाइसों के बीच सेटिंग सिंक करने की सुविधा सेट अप की जा सकती है.

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

इस सेटिंग का इस्तेमाल करने के लिए, पहले Chrome सिंक की सुविधा चालू करें. ज़्यादा जानकारी के लिए, सिंक करने की सेटिंग देखें.