Chrome 120 में नया

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

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

CloseWatcher API.

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

वेब डेवलपर के पास अपने कॉम्पोनेंट के लिए, नज़दीकी अनुरोधों को मैनेज करने का कोई अच्छा तरीका नहीं था. खास तौर पर, 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>

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

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

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

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

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

बेशक वहां और भी बहुत कुछ है.

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

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

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

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

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

सदस्यता लें

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

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