Chrome 125 में नया

Adriana Jara
Adriana Jara

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

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

सीएसएस ऐंकर पोज़िशन.

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

सीएसएस की ऐंकर विज्ञापन दिखाने की सुविधा की मदद से, पेज पर किसी एक या एक से ज़्यादा एलिमेंट की पोज़िशन तय करके, जानकारी दी जा सकती है. इसके लिए JavaScript की ज़रूरत नहीं होती. साथ ही, यह तब अच्छी तरह से काम करता है, जब ऐंकर स्क्रोल किए जा सकते हैं.

ऐंकर की पोज़िशन तय करने की सुविधा में, कई सीएसएस प्रॉपर्टी मौजूद हैं. ऐप्लिकेशन यहां कुछ अहम प्रॉपर्टी दी गई हैं:

  • anchor-name: किसी एलिमेंट को दूसरे एलिमेंट के लिए ऐंकर के तौर पर सेट अप करता है.
  • position-anchor: "डिफ़ॉल्ट" की जानकारी देता है ऐंकर किया गया एलिमेंट का इस्तेमाल ऐंकर पोज़िशन के लिए किया जाना चाहिए.
  • anchor() फ़ंक्शन: ऐंकर की पोज़िशन दिखाता है ऐंकर किए गए एलिमेंट की पोज़िशन तय करने के लिए, एलिमेंट का इस्तेमाल करें.
  • inset-area: पोज़िशनिंग (पोज़िशनिंग) के लिए शॉर्टहैंड की मदद से मिलते-जुलते पोज़िशन के बारे में जानकारी.

Compute Pressure API.

Compute प्रेशर API, हाई-लेवल स्टेट की सुविधा देता है. ये स्टेटस, सिस्टम पर सीपीयू लोड के बारे में बताते हैं.

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

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

सैंपल और ज़्यादा जानकारी के लिए, Compute Pressure API पर जाएं.

Storage Access API (SAA) को बिना कुकी वाले स्टोरेज के लिए बढ़ाया गया है.

Storage Access API एक JavaScript API है जिसे क्रॉस-साइट कुकी के विकल्प के तौर पर बनाया गया है. इससे उन एम्बेड के लिए बनाया गया है जो क्रॉस-साइट के संसाधनों को लोड करते हैं, ताकि ज़रूरत के हिसाब से उपयोगकर्ता से ऐक्सेस का अनुरोध किया जा सके.

इस वर्शन में एपीआई के इस्तेमाल के लिए, कुकी के अलावा एक एक्सटेंशन भी शामिल है. इस एक्सटेंशन की मदद से, तीसरे पक्ष के कॉन्टेक्स्ट में कुकी और बिना कुकी वाले स्टोरेज को ऐक्सेस किया जा सकता है. जैसे, indexDB और localstorage के लिए. नीचे दिए गए कोड में, indexDB के ऐक्सेस का अनुरोध करने का उदाहरण दिया गया है.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

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

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

  • Device Posture API और Viewport सेगमेंट Enumeration API के लिए, ऑरिजिन ट्रायल उपलब्ध है. इन एपीआई को इस तरह से डिज़ाइन किया गया है कि डेवलपर, फ़ोल्ड किए जा सकने वाले डिवाइसों को टारगेट कर सकें.

  • सीएसएस के स्टेप्ड-वैल्यू फ़ंक्शन round(), mod(), और rem() को जोड़ा गया है. इससे ये सुविधाएं, बेसलाइन नए रूप से उपलब्ध होंगी

  • Shared Storage API की मदद से, अब iframe बनाए बिना क्रॉस ऑरिजिन वर्कलेट को रन किया जा सकता है.

प्रॉडक्ट की पूरी जानकारी पढ़ें.

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

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

सदस्यता लें

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

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