Chrome 120 में नया

यहां आपके जानने योग्य तथ्य दिए गए हैं:

मेरी पहचान एड्रियाना जारा है. आइए, जानें कि Chrome 120 में डेवलपर के लिए क्या नया है.

CloseWatcher API.

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

वेब डेवलपर के पास, अपने कॉम्पोनेंट के लिए बंद करने के अनुरोधों को मैनेज करने का कोई अच्छा तरीका नहीं था. खास तौर पर, Android डिवाइसों पर इस तरह की समस्या आती है. ऐसे में, स्क्रीन पर पीछे वाले जेस्चर को बंद करने का तरीका काफ़ी जटिल होता है.

Chrome 120 में, CloseWatcher की मदद से यह समस्या हल की गई है. यह एक नया एपीआई है, जो सीधे तौर पर बंद करने के अनुरोधों को सुनता है और उनका जवाब देता है. इसमें <dialog> और popover="" को भी अपग्रेड किया गया है, ताकि वे बंद करने का अनुरोध करने वाले नए फ़्रेमवर्क का इस्तेमाल कर सकें. इससे वे Android के 'वापस जाएं' बटन का जवाब दे पाएंगे.

इसे आज़माने के लिए, CloseWatcher API का डेमो देखें.

<details> नाम एट्रिब्यूट

<details> एलिमेंट के लिए name एट्रिब्यूट की मदद से, <details> एचटीएमएल एलिमेंट के क्रम का इस्तेमाल करके, आसानी से अकॉर्डियन पैटर्न लागू किया जा सकता है.

एक जैसे name वाले कई <details> एलिमेंट एक ग्रुप बनाते हैं. इस सेटअप से, उस ग्रुप के ज़्यादा से ज़्यादा एक एलिमेंट को एक साथ खोला जा सकता है.

यहां cookies नाम वाले ग्रुप का उदाहरण दिया गया है:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

अनुमति की नीति के उल्लंघन की रिपोर्ट

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

अनुमतियों की नीति के एपीआई और Reporting API के इंटिग्रेशन की मदद से, वेब डेवलपर एंडपॉइंट कॉन्फ़िगर कर सकते हैं. इन एंडपॉइंट पर, अनुमतियों की नीति के उल्लंघन की रिपोर्ट भेजी जाएंगी. इससे साइट के मालिक यह देख पाएंगे कि फ़ील्ड में उनके पेजों के लिए, पाबंदी वाली सुविधाओं का अनुरोध कब किया जा रहा है.

अनुमतियों की नीति की मदद से ब्राउज़र की सुविधाओं को कंट्रोल करना लेख में, इसे लागू करने के बारे में ज़्यादा जानकारी दी गई है.

और भी कई सुविधाएं!

इसके अलावा, और भी बहुत कुछ है.

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

  • Media Session API में enterpictureinpicture ऐक्शन की मदद से, वेबसाइटें एक ऐक्शन हैंडलर रजिस्टर कर सकती हैं. इसका इस्तेमाल, 'पिक्चर में पिक्चर' या दस्तावेज़ की 'पिक्चर में पिक्चर' विंडो खोलने के लिए किया जा सकता है.

  • साथ ही, हम आपको याद दिलाना चाहते हैं कि Chrome, तीसरे पक्ष की कुकी का इस्तेमाल बंद करने के लिए काम कर रहा है. जनवरी में एक एक्सपेरिमेंट शुरू होगा, जिसका असर आपकी वेबसाइट पर पड़ सकता है. इसलिए, ऑडिट करने और समस्या को कम करने के लिए, तीसरे पक्ष की कुकी के इस्तेमाल को बंद करने की तैयारी करना लेख पढ़ें.

इसके बारे में और पढ़ें

इसमें सिर्फ़ कुछ खास हाइलाइट शामिल हैं. Chrome 120 में हुए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक देखें.

सदस्यता लें

अप-टू-डेट रहने के लिए, Chrome डेवलपर के YouTube चैनल की सदस्यता लें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, आपको ईमेल से सूचना मिलेगी.

यो सोय एड्रियाना जारा, हमारी टीम आपको छुट्टियों की शुभकामनाएं देती है. साथ ही, Chrome 121 के रिलीज़ होते ही, मैं आपको Chrome की नई सुविधाओं के बारे में बताऊंगी!