Chrome 125 में नया

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

  • CSS ऐंकर पोज़िशनिंग की मदद से, एलिमेंट को ऐंकर करना पहले से ज़्यादा आसान हो गया है.
  • 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 है. इसे क्रॉस-साइट कुकी के विकल्प के तौर पर बनाया गया था. यह उन एम्बेड के लिए है जो क्रॉस-साइट संसाधनों को लोड करने पर निर्भर करते हैं. इसकी मदद से, ज़रूरत के हिसाब से उपयोगकर्ता से ऐक्सेस की अनुमति का अनुरोध किया जा सकता है.

इस वर्शन में, कुकी के अलावा एपीआई का इस्तेमाल करने के लिए एक्सटेंशन शामिल है. इस एक्सटेंशन की मदद से, तीसरे पक्ष के संदर्भ में, बिना पार्टिशन वाली कुकी और कुकी के अलावा स्टोरेज का ऐक्सेस पाया जा सकता है. उदाहरण के लिए, 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 Segments Enumeration API के लिए, ऑरिजिन ट्रायल उपलब्ध है. इन एपीआई को इस तरह से डिज़ाइन किया गया है कि डेवलपर, फ़ोल्ड किए जा सकने वाले डिवाइसों को टारगेट कर सकें.

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

  • शेयर किया गया स्टोरेज एपीआई, अब iframe बनाए बिना क्रॉस-ऑरिजिन वर्कलेट चलाने की सुविधा देता है.

रिलीज़ नोट पढ़ें.

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

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

सदस्यता लें

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

नमस्ते, मैं अड्रिआना जारा हूं. Chrome 126 रिलीज़ होने के बाद, मैं आपको बताऊंगी कि Chrome में नया क्या है!