Chrome 120 में नया

Adriana Jara

यहां आवश्यक जानकारी दी गई है:

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

CloseWatcher API.

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

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

Chrome 120 में Close पर आपकी मदद करने के लिए एक नया एपीआई है. Close पर 'वॉचर' एक नया एपीआई है, जो बंद किए गए अनुरोधों को सीधे तौर पर सुनने और उनका जवाब देने की सुविधा देता है. इसमें <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 Developers के YouTube चैनल की सदस्यता लें. जब भी हम कोई नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से सूचना मिलेगी.

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