यहां आपके जानने योग्य तथ्य दिए गए हैं:
- CSS ऐंकर पोज़िशनिंग की मदद से, एलिमेंट को ऐंकर करना पहले से ज़्यादा आसान हो गया है.
- Compute Pressure API, कंप्यूटर की उपलब्ध क्षमता को ऑप्टिमाइज़ करने में मदद करता है.
- Storage Access API को कुकी के स्टोरेज के अलावा, कई अन्य चीज़ों के लिए भी बड़ा किया गया है.
- इसके अलावा, और भी बहुत कुछ है.
मेरी पहचान एड्रियाना जारा है. आइए, देखते हैं कि 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 है. इसे क्रॉस-साइट कुकी के विकल्प के तौर पर बनाया गया था. यह उन एम्बेड के लिए है जो क्रॉस-साइट संसाधनों को लोड करने पर निर्भर होते हैं. इसकी मदद से, ज़रूरत के हिसाब से उपयोगकर्ता से ऐक्सेस की अनुमति का अनुरोध किया जा सकता है.
इस वर्शन में एपीआई के इस्तेमाल के लिए, कुकी के अलावा एक एक्सटेंशन भी शामिल है. इस एक्सटेंशन की मदद से, तीसरे पक्ष के संदर्भ में, बिना पार्टिशन वाली कुकी और कुकी के अलावा स्टोरेज का ऐक्सेस पाया जा सकता है. उदाहरण के लिए, indexedDB और localstorage के लिए. नीचे दिया गया कोड, indexedDB के ऐक्सेस का अनुरोध करने का उदाहरण दिखाता है.
// 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 DevTools (125) में नया क्या है
- Chrome 125 के लिए ChromeStatus.com के अपडेट
- Chromium सोर्स की रिपॉज़िटरी में बदलाव की सूची
- Chrome के रिलीज़ कैलेंडर की जानकारी
सदस्यता लें
अप-टू-डेट रहने के लिए, Chrome डेवलपर के YouTube चैनल की सदस्यता लें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, आपको ईमेल से सूचना मिलेगी.
यो सोय एड्रियाना जारा, Chrome 126 के रिलीज़ होते ही, मैं आपको Chrome की नई सुविधाओं के बारे में बताऊंगी!