यहां आवश्यक जानकारी दी गई है:
- सीएसएस ऐंकर पोज़िशन की मदद से, ऐंकर एलिमेंट को जोड़ना पहले से ज़्यादा आसान हो गया है.
- Compute Pressure API की मदद से, कंप्यूटर के उपलब्ध पावर को ऑप्टिमाइज़ किया जा सकता है.
- Storage Access API को कुकी के स्टोरेज से ज़्यादा के लिए बढ़ाया गया है.
- और भी बहुत कुछ है.
मैं एड्रियाना जारा हूं. चलिए, देखते हैं कि Chrome 125 में डेवलपर के लिए नया क्या है.
सीएसएस ऐंकर पोज़िशनिंग.
किसी दूसरे एलिमेंट के ऐंकर किए गए एलिमेंट को दिखाने से, यूज़र इंटरफ़ेस (यूआई) पैटर्न बनाए जा सकते हैं. जैसे, टूलटिप के तौर पर पॉपओवर का इस्तेमाल करके, उसे शुरू करने वाले एलिमेंट से अटैच किया जा सकता है.
सीएसएस ऐंकर पोज़िशनिंग की मदद से, पेज पर मौजूद एक या उससे ज़्यादा एलिमेंट को डिक्लेरेटिव तरीके से टेदर किया जा सकता है. इसे JavaScript की ज़रूरत नहीं होती. साथ ही, जब ऐंकर स्क्रोल किए जा सकते हैं, तब यह बेहतर तरीके से काम करता है.
ऐंकर पोज़िशनिंग की सुविधा में कई सीएसएस प्रॉपर्टी शामिल होती हैं. कुछ मुख्य प्रॉपर्टी के बारे में यहां बताया गया है:
anchor-name
: यह एलिमेंट, अन्य एलिमेंट के ऐंकर के तौर पर सेट अप करता है.position-anchor
: "डिफ़ॉल्ट" ऐंकर के बारे में बताता है. ऐंकर वाले एलिमेंट का इस्तेमाल, ऐंकर पोज़िशनिंग के लिए किया जाना चाहिए.anchor()
फ़ंक्शन: ऐंकर एलिमेंट की पोज़िशन बताता है.inset-area
: सामान्य सापेक्ष स्थितियों के लिए, पोज़िशनिंग के बारे में शॉर्टहैंड.
Compute Pressure API.
Compute Pressure 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 और व्यूपोर्ट सेगमेंट Enumeration API के लिए, ऑरिजिन ट्रायल उपलब्ध है. ये एपीआई इसलिए डिज़ाइन किए गए हैं, ताकि फ़ोल्ड किए जा सकने वाले डिवाइसों को टारगेट करने में डेवलपर की मदद की जा सके.
सीएसएस स्टेप्ड वैल्यू फ़ंक्शन
round()
,mod()
, औरrem()
जोड़ दिए गए हैं. इसलिए, ये सुविधाएं अब बुनियादी रूप से उपलब्ध होंगीशेयर किया गया स्टोरेज एपीआई अब iframe बनाए बिना, क्रॉस ऑरिजिन वर्कलेट चलाने के साथ काम करता है.
प्रॉडक्ट की पूरी जानकारी पढ़ें.
इसके बारे में और पढ़ें
इसमें सिर्फ़ कुछ खास हाइलाइट शामिल हैं. Chrome 125 में और बदलावों के बारे में जानने के लिए, इन लिंक पर जाएं.
- Chrome DevTools में नया क्या है (125)
- Chrome 125 के लिए ChromeStatus.com से जुड़े अपडेट
- Chromium सोर्स का डेटा स्टोर करने की जगह में बदलाव की सूची
- Chrome रिलीज़ कैलेंडर
सदस्यता लें
अप-टू-डेट रहने के लिए, Chrome Developers के YouTube चैनल की सदस्यता लें. जब भी हम कोई नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से सूचना मिलेगी.
यो सोय अड्रियाना जारा और Chrome 126 के रिलीज़ होते ही, मैं आपको बताऊंगी कि Chrome की नई सुविधाएं क्या हैं!