DevTools (Chrome 89) में नया क्या है

Jecelyn Yeen

भरोसेमंद टाइप के उल्लंघनों के लिए, डीबग करने से जुड़ी सहायता

भरोसेमंद टाइप के उल्लंघनों के बारे में ब्रेकपॉइंट

अब सोर्स में, ब्रेकपॉइंट सेट किए जा सकते हैं और भरोसेमंद टाइप के उल्लंघनों के लिए अपवादों को कैच किया जा सकता है पैनल.

भरोसेमंद टाइप एपीआई की मदद से, डीओएम-आधारित क्रॉस-साइट स्क्रिप्टिंग के जोखिम की आशंकाओं को रोका जा सकता है. तरीका जानें विश्वसनीय प्रकार के साथ DOM XSS कमज़ोरियों वाले ऐप्लिकेशन लिखने, उनकी समीक्षा करने और उनका रखरखाव करने के लिए यहां पढ़ें.

सोर्स पैनल में, डीबगर साइडबार पैनल खोलें. सीएसपी के उल्लंघन की जानकारी देने वाले सेक्शन को बड़ा करें ब्रेकपॉइंट सेक्शन को चुनकर, भरोसेमंद टाइप के उल्लंघन चेकबॉक्स को अपवाद. इस डेमो पेज पर खुद आज़माकर देखें.

भरोसेमंद टाइप के उल्लंघनों के बारे में ब्रेकपॉइंट

Chromium से जुड़ी समस्या: 1142804

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

सोर्स पैनल में मौजूद समस्या को 'समस्याएं' टैब से लिंक करें

Chromium से जुड़ी समस्या: 1150883

व्यूपोर्ट से परे नोड स्क्रीनशॉट कैप्चर करें

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

एलिमेंट पैनल में, किसी एलिमेंट पर राइट क्लिक करें और नोड का स्क्रीनशॉट कैप्चर करें चुनें.

व्यूपोर्ट से परे नोड स्क्रीनशॉट कैप्चर करें

Chromium से जुड़ी समस्या: 1003629

नेटवर्क अनुरोधों के लिए नया ट्रस्ट टोकन टैब

नए ट्रस्ट टोकन टैब की मदद से, ट्रस्ट टोकन नेटवर्क अनुरोधों की जांच करें.

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

अगली रिलीज़ में अतिरिक्त सुविधाएं मिलेंगी.

नेटवर्क अनुरोधों के लिए नया ट्रस्ट टोकन टैब

Chromium से जुड़ी समस्या: 1126824

लाइटहाउस पैनल में लाइटहाउस 7

Lighthouse पैनल अब लाइटहाउस 7 पर चल रहा है. पूरी जानकारी के लिए प्रॉडक्ट की जानकारी देखें बदलावों की सूची.

लाइटहाउस पैनल में लाइटहाउस 7

लाइटहाउस 7 में नए ऑडिट:

  • सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) की इमेज को पहले से लोड करें. यह ऑडिट करता है कि एलसीपी एलिमेंट ने जिस इमेज का इस्तेमाल किया है वह आपके एलसीपी समय को बेहतर बनाने के लिए पहले से लोड किया जाता है.
  • समस्याएं, Issues पैनल में लॉग की गई हैं. Issues में अब तक हल नहीं हुई समस्याओं की सूची दिखाता है पैनल.
  • प्रोग्रेसिव वेब ऐप्लिकेशन (पीडब्ल्यूए). पीडब्ल्यूए कैटगरी में काफ़ी बदलाव हुए हैं.

  • इंस्टॉल किए जा सकने वाले ग्रुप को अब पूरी तरह से, क्षमता की जांच के ज़रिए दिखाया जाता है. इससे Chrome की कुछ शर्तें हैं. मेनिफ़ेस्ट पैनल में भी यही सिग्नल दिखते हैं.

    • "सर्विस वर्कर को रजिस्टर करता है..." ऑडिट को PWA के ऑप्टिमाइज़ किए गए ग्रुप और "इस्तेमाल के बारे में जानकारी" में भेज दिया जाएगा एचटीटीपीएस" ऑडिट को अब "इंस्टॉल करने से जुड़ी ज़रूरी शर्तों" के हिस्से के तौर पर शामिल किया गया है ऑडिट.
    • तेज़ और भरोसेमंद ग्रुप हटा दिया जाता है. "इंस्टॉल करने से जुड़ी ज़रूरी शर्तों" को अपडेट किया गया है ऑडिट में ऑफ़लाइन-क्षमता जाँच शामिल है, "वर्तमान पेज और start_url 200 के साथ प्रतिक्रिया देते हैं जब ऑफ़लाइन" ऑडिट हटा दिया गया है. "मोबाइल नेटवर्क पर पेज लोड होने की स्पीड ज़रूरत के मुताबिक तेज़ है" ऑडिट हटा दिया गया है भी.

Chromium से जुड़ी समस्या: 772558

एलिमेंट पैनल के अपडेट

सीएसएस :target की स्थिति को लागू करने की सुविधा

अब DevTools का इस्तेमाल करके, सीएसएस :target की स्थिति की जांच की जा सकती है और उसे ज़बरदस्ती लागू किया जा सकता है.

एलिमेंट पैनल में, कोई एलिमेंट चुनें और एलिमेंट की स्थिति को टॉगल करें. :target चालू करें चेकबॉक्स का इस्तेमाल करें.

किसी एलिमेंट के यूआरएल और आईडी में हैश होने पर, एलिमेंट को स्टाइल करने के लिए :target pseudo-class का इस्तेमाल करें एक जैसे हैं. इसे आज़माने के लिए यह डेमो देखें. DevTools की इस नई सुविधा की मदद से, ऐसे स्टाइल के साथ काम करती है. इसके लिए आपको यूआरएल को हर समय मैन्युअल तरीके से बदलने की ज़रूरत नहीं पड़ती.

सीएसएस की `:target` स्थिति को ज़बरदस्ती लागू करना

Chromium से जुड़ी समस्या: 1156628

डुप्लीकेट एलिमेंट का नया शॉर्टकट

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

एलिमेंट पैनल में किसी एलिमेंट पर राइट क्लिक करें और डुप्लीकेट एलिमेंट चुनें. नए एलिमेंट से इसके तहत बनाया जाएगा.

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

  • Mac: Shift + Option + ⬇️
  • विंडो/ Linux: Shift + Alt + ⬇️

डुप्लीकेट एलिमेंट

Chromium से जुड़ी समस्याएं: 1150797, 1150797

कस्टम सीएसएस प्रॉपर्टी के लिए कलर पिकर

स्टाइल पैनल, अब कस्टम सीएसएस प्रॉपर्टी के लिए कलर पिकर दिखाता है.

इसके अलावा, आप Shift कुंजी को दबाकर रख सकते हैं और RGBA, HSLA, और रंग की वैल्यू को हेक्स तरीके से दिखाता है.

कस्टम सीएसएस प्रॉपर्टी के लिए कलर पिकर

Chromium से जुड़ी समस्या: 1147016

सीएसएस प्रॉपर्टी को कॉपी करने के लिए नए शॉर्टकट

अब कुछ नए शॉर्टकट का इस्तेमाल करके, सीएसएस प्रॉपर्टी को तेज़ी से कॉपी किया जा सकता है.

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

सीएसएस प्रॉपर्टी को कॉपी करने के लिए नए शॉर्टकट

सीएसएस क्लास के लिए विकल्प कॉपी करें:

  • कॉपी करने के लिए सिलेक्टर. मौजूदा सिलेक्टर का नाम कॉपी करें.
  • नियम कॉपी करें. मौजूदा सिलेक्टर का नियम कॉपी करें.
  • सभी एलान कॉपी करें: मौजूदा नियम के तहत सभी एलान कॉपी करें. इनमें अमान्य और जोड़ी गई प्रॉपर्टी.

सीएसएस प्रॉपर्टी के लिए विकल्प कॉपी करें:

  • एलान की जानकारी कॉपी करें. मौजूदा लाइन के एलान वाले फ़ॉर्म को कॉपी करें.
  • प्रॉपर्टी कॉपी करें. मौजूदा लाइन की प्रॉपर्टी कॉपी करें.
  • वैल्यू कॉपी करें: मौजूदा लाइन की वैल्यू कॉपी करें.

Chromium से जुड़ी समस्या: 1152391

कुकी से जुड़े अपडेट

यूआरएल की मदद से डिकोड की गई कुकी दिखाने का नया विकल्प

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

ऐप्लिकेशन पैनल पर जाएं और कुकी पैनल चुनें. सूची में से किसी भी कुकी को चुनें. डिकोड की गई कुकी देखने के लिए, डिकोड किया गया यूआरएल दिखाएं चेकबॉक्स चालू करें.

यूआरएल की मदद से डिकोड की गई कुकी दिखाने का विकल्प

Chromium से जुड़ी समस्या: 997625

केवल दिखाई देने वाली कुकी साफ़ करें

कुकी पैनल में सभी कुकी हटाएं बटन को अब फ़िल्टर की गई कुकी हटाएं से बदल दिया गया है बटन.

ऐप्लिकेशन पैनल में > कुकी पैनल, कुकी फ़िल्टर करने के लिए टेक्स्टबॉक्स में टेक्स्ट डालें. तय सीमा में हमारा उदाहरण यहां दिया गया है, जिसमें हम सूची को "PREF" के हिसाब से फ़िल्टर करेंगे. फ़िल्टर की गई कुकी हटाएं बटन पर क्लिक करके उन्हें दिखने वाली कुकी मिटा दें. फ़िल्टर टेक्स्ट को हटाने के बाद, आपको फ़िल्टर में मौजूद अन्य कुकी दिखेंगी सूची. पहले, आपके पास सभी कुकी मिटाने का ही विकल्प था.

केवल दिखाई देने वाली कुकी साफ़ करें

Chromium से जुड़ी समस्या: 978059

स्टोरेज पैनल में तीसरे पक्ष की कुकी मिटाने का नया विकल्प

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

तीसरे पक्ष की कुकी मिटाने का विकल्प

Chromium से जुड़ी समस्या: 1012337

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

अब कस्टम डिवाइसों के लिए, यूज़र-एजेंट क्लाइंट हिंट में बदलाव किए जा सकते हैं.

सेटिंग पर जाएं > डिवाइस चुनें और कस्टम डिवाइस जोड़ें... पर क्लिक करें. उपयोगकर्ता एजेंट को बड़ा करें क्लाइंट हिंट सेक्शन में क्लाइंट के संकेतों में बदलाव करें.

यूज़र-एजेंट क्लाइंट हिंट में बदलाव करें

यूज़र-एजेंट क्लाइंट हिंट, उपयोगकर्ता-एजेंट स्ट्रिंग के विकल्प के तौर पर काम करते हैं. इससे डेवलपर ऐक्सेस कर पाते हैं उपयोगकर्ता के ब्राउज़र के बारे में जानकारी, निजता बनाए रखने और आसान तरीके से. इसके बारे में ज़्यादा जानें web.dev/user-agent-client-hints/ में उपयोगकर्ता-एजेंट क्लाइंट हिंट.

Chromium से जुड़ी समस्या: 1073909

नेटवर्क पैनल से जुड़े अपडेट

"नेटवर्क लॉग रिकॉर्ड करें" को लागू रखें सेट हो रहा है

DevTools अब "नेटवर्क लॉग रिकॉर्ड करें" को सेव रखता है सेटिंग. इससे पहले, DevTools में उपयोगकर्ता की पसंद को रीसेट किया गया था जब भी कोई पेज फिर से लोड होता है.

नेटवर्क लॉग रिकॉर्ड करें

Chromium से जुड़ी समस्या: 1122580

नेटवर्क पैनल में WebTransport कनेक्शन देखें

नेटवर्क पैनल अब WebTransport कनेक्शन दिखाता है.

WebTransport कनेक्शन

WebTransport एक नया एपीआई है, जो क्लाइंट-सर्वर मैसेज सेवा, कम इंतज़ार का समय, बाईडायरेक्शनल, और इसकी सुविधा देता है. ज़्यादा जानें और इसके इस्तेमाल के भविष्य के बारे में सुझाव, राय या शिकायत कैसे सबमिट करें, और web.dev/webtransport/.

Chromium से जुड़ी समस्या: 1152290

"ऑनलाइन" का नाम बदलकर "कोई थ्रॉटलिंग नहीं" किया गया

नेटवर्क एम्युलेशन विकल्प "ऑनलाइन" अब इसका नाम बदलकर "नो थ्रॉटलिंग" कर दिया गया है.

नेटवर्क लॉग रिकॉर्ड करें

Chromium से जुड़ी समस्या: 1028078

कंसोल, सोर्स पैनल, और स्टाइल पैनल में कॉपी करने के नए विकल्प

कंसोल और सोर्स पैनल में ऑब्जेक्ट कॉपी करने के लिए नए शॉर्टकट

अब आप कंसोल और सोर्स पैनल में नए शॉर्टकट से ऑब्जेक्ट की वैल्यू कॉपी कर सकते हैं. यह है खासकर तब, जब आपके पास कॉपी करने के लिए कोई बड़ा ऑब्जेक्ट (जैसे, कोई लंबी अरे) हो.

Console में ऑब्जेक्ट कॉपी करें

सोर्स पैनल में ऑब्जेक्ट कॉपी करें

Chromium से जुड़ी समस्याएं: 1149859, 1148353

सोर्स पैनल और स्टाइल पैनल में फ़ाइल का नाम कॉपी करने के लिए नए शॉर्टकट

अब फ़ाइल का नाम कॉपी करने के लिए, इस पर राइट क्लिक करें:

  • Sources पैनल में मौजूद कोई फ़ाइल या
  • एलिमेंट पैनल के स्टाइल पैनल में मौजूद फ़ाइल का नाम

फ़ाइल का नाम कॉपी करने के लिए, संदर्भ मेन्यू से फ़ाइल का नाम कॉपी करें चुनें.

सोर्स पैनल में से फ़ाइल का नाम कॉपी करें

स्टाइल पैनल में फ़ाइल का नाम कॉपी करें

Chromium से जुड़ी समस्या: 1155120

फ़्रेम की जानकारी वाले व्यू से जुड़े अपडेट

फ़्रेम की जानकारी वाले व्यू में नए सर्विस वर्कर की जानकारी

DevTools अब खास सर्विस वर्कर को उस फ़्रेम के नीचे दिखाता है जिससे वे बनाए जाते हैं.

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

फ़्रेम की जानकारी वाले व्यू में सर्विस वर्कर की जानकारी

Chromium से जुड़ी समस्या: 1122507

फ़्रेम की जानकारी वाले व्यू में मेमोरी की जानकारी मापें

performance.measureMemory() एपीआई की स्थिति अब एपीआई की उपलब्धता में दिखेगी सेक्शन में जाएं.

नया performance.measureMemory() एपीआई, पूरे वेब पेज के मेमोरी इस्तेमाल का अनुमान लगाता है. ज़्यादा जानें इस लेख में, नए एपीआई की मदद से अपने वेब पेज के कुल मेमोरी इस्तेमाल को मॉनिटर करने का तरीका बताया गया है.

मेमोरी मापें

Chromium से जुड़ी समस्या: 1139899

'समस्याएं' टैब में जाकर सुझाव/राय देना या शिकायत करना

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

समस्या के बारे में सुझाव या राय देने का लिंक

परफ़ॉर्मेंस पैनल में हटाए गए फ़्रेम

परफ़ॉर्मेंस पैनल में लोड की परफ़ॉर्मेंस का विश्लेषण करते समय, फ़्रेम सेक्शन लाल रंग के फ़्रेम छूट गए. फ़्रेम रेट के बारे में जानने के लिए, इस पर कर्सर घुमाएं.

हटाए गए फ़्रेम

Chromium से जुड़ी समस्या: 1075865

डिवाइस मोड में, फ़ोल्ड किए जा सकने वाले डिवाइस और ड्यूअल-स्क्रीन को एम्युलेट करें

अब DevTools में ड्यूअल-स्क्रीन और फ़ोल्ड किए जा सकने वाले डिवाइसों को एम्युलेट किया जा सकता है.

डिवाइस टूलबार सक्षम करने के बाद, इनमें से कोई एक डिवाइस चुनें: Surface Duo या Samsung Galaxy Fold.

सिंगल-स्क्रीन, फ़ोल्डेड, ड्यूअल-स्क्रीन या अनफ़ोल्ड के बीच टॉगल करने के लिए, नए स्पैन आइकॉन पर क्लिक करें पॉस्चर.

नए सीएसएस मीडिया को ऐक्सेस करने के लिए, प्रयोग के तौर पर उपलब्ध वेब प्लैटफ़ॉर्म की सुविधाएं भी चालू की जा सकती हैं screen-spanning सुविधा और JavaScript getWindowSegments एपीआई. एक्सपेरिमेंटल आइकॉन प्रयोग के तौर पर वेब प्लैटफ़ॉर्म की सुविधाएं फ़्लैग की स्थिति. आइकॉन तब हाइलाइट होता है, जब फ़्लैग चालू है. chrome://flags पर जाएं और फ़्लैग को टॉगल करें.

ड्यूअल-स्क्रीन को एम्युलेट करें

Chromium से जुड़ी समस्या: 1054281

प्रयोग के तौर पर शुरू की गई सुविधाएं

Puppeteer Recorder से ब्राउज़र टेस्टिंग को ऑटोमेट करें

DevTools अब ब्राउज़र के साथ आपके इंटरैक्शन के आधार पर Puppeteer स्क्रिप्ट जनरेट कर सकता है. इससे हमें इससे आपके लिए ब्राउज़र टेस्टिंग को ऑटोमेट करना आसान हो जाता है. Puppeteer एक Node.js लाइब्रेरी है, जो Chrome या Chromium को DevTools प्रोटोकॉल पर कंट्रोल करने के लिए हाई-लेवल एपीआई का इस्तेमाल किया जा सकता है.

इस डेमो पेज पर जाएं. DevTools में सोर्स पैनल खोलें. रिकॉर्डिंग टैब को चुनें बाएं पैनल पर जाएं. नई रिकॉर्डिंग जोड़ें और फ़ाइल को नाम दें (जैसे, test01.js).

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

स्क्रिप्ट चलाने के लिए, Puppeteer की आधिकारिक साइट पर जाकर शुरुआती निर्देश देखें.

कृपया ध्यान दें कि यह एक्सपेरिमेंट के शुरुआती चरण में है. हम Recorder को बेहतर बनाने के लिए काम कर रहे हैं में समय के साथ कैसे काम करते हैं.

कठपुतली रिकॉर्डर

Chromium से जुड़ी समस्या: 1144127

स्टाइल पैनल में फ़ॉन्ट एडिटर

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

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

स्टाइल पैनल में फ़ॉन्ट एडिटर

Chromium से जुड़ी समस्या: 1093229

सीएसएस फ़्लेक्सबॉक्स डीबगिंग टूल

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

DevTools अब एक दिशा दिखाने वाली लाइन बनाता है. इससे सीएसएस align-items प्रॉपर्टी को बेहतर तरीके से विज़ुअलाइज़ करने में मदद मिलती है. कॉन्टेंट बनाने सीएसएस gap प्रॉपर्टी भी काम करती है. यहां दिए गए उदाहरण में, हमने सीएसएस gap: 12px; को शामिल किया है. ध्यान दें हर गैप के लिए हैचिंग पैटर्न.

Flexbox

Chromium से जुड़ी समस्या: 1139949

सीएसपी के उल्लंघन का नया टैब

सीएसपी के उल्लंघन वाले नए टैब में, कॉन्टेंट की सुरक्षा के बारे में नीति (सीएसपी) के सभी उल्लंघन एक नज़र में देखें. यह नया टैब एक प्रयोग है, जिसकी मदद से बड़ी संख्या में वेब पेजों पर काम करना आसान हो जाएगा में उल्लंघन किया गया है.

सीएसपी के उल्लंघन टैब

Chromium से जुड़ी समस्या: 1137837

नया कलर कंट्रास्ट कैलकुलेशन - ऐडवांस पर्सेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए)

ऐडवांस पर्सेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए), AA/AAA की जगह ले रहा है कलर पिकर में दिशा-निर्देशों के कंट्रास्ट का अनुपात.

एपीसीए, कलर पर्सेप्शन के बारे में की गई मॉडर्न रिसर्च के आधार पर, कंट्रास्ट का पता लगाने का एक नया तरीका है. इसकी तुलना में AA/AAA के दिशा-निर्देश के मुताबिक, APCA कॉन्टेक्स्ट पर निर्भर करता है. कंट्रास्ट का हिसाब, टेक्स्ट के स्पेशल प्रॉपर्टी (फ़ॉन्ट की मोटाई और साइज़), रंग (टेक्स्ट और साइज़ के बीच हल्कापन का अंतर बैकग्राउंड), और संदर्भ (आस-पास की रोशनी, आस-पास की चीज़ें, टेक्स्ट दिखाने के मकसद से बनाया गया कॉन्टेंट).

कलर पिकर में APCA

इस उदाहरण में दिखाया गया है कि APCA थ्रेशोल्ड 38% है. कंट्रास्ट अनुपात, सूची में दी गई वैल्यू के बराबर या उससे ज़्यादा होना चाहिए. इस वैल्यू का हिसाब, फ़ॉन्ट की मोटाई और साइज़ के हिसाब से किया जाता है. इसका मतलब है कि यह APCA लुकअप टेबल से ली गई है.

Chromium से जुड़ी समस्या: 1121900

झलक दिखाने वाले चैनलों को डाउनलोड करें

Chrome Canary, Dev या बीटा को अपने डिफ़ॉल्ट डेवलपमेंट ब्राउज़र के तौर पर इस्तेमाल करें. झलक दिखाने वाले इन चैनलों की मदद से, DevTools की नई सुविधाओं को ऐक्सेस किया जा सकता है और वेब प्लैटफ़ॉर्म के बेहतरीन एपीआई की जांच की जा सकती है. साथ ही, उपयोगकर्ताओं से पहले ही अपनी साइट की समस्याओं का पता लगाया जा सकता है!

Chrome DevTools की टीम से संपर्क करना

पोस्ट में नई सुविधाओं और बदलावों या DevTools से जुड़ी किसी भी अन्य चीज़ के बारे में चर्चा करने के लिए, नीचे दिए गए विकल्पों का इस्तेमाल करें.

  • crbug.com के ज़रिए हमें कोई सुझाव या फ़ीडबैक सबमिट करें.
  • ज़्यादा विकल्प   ज़्यादा दिखाएँ > का इस्तेमाल करके DevTools से जुड़ी समस्या की शिकायत करें सहायता > DevTools में DevTools से जुड़ी समस्याओं की शिकायत करें.
  • @ChromeDevTools पर ट्वीट करें.
  • DevTools YouTube वीडियो या DevTools के बारे में सलाह YouTube वीडियो में नया क्या है, इस पर टिप्पणी करें.

DevTools में नया क्या है

DevTools में नया क्या है सीरीज़ में शामिल की गई सभी चीज़ों की सूची.