Chrome 119 में नया

Adriana Jara

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

मेरा नाम अड्रिआना जारा है. आइए, जानें कि Chrome 119 में डेवलपर के लिए क्या नया है.

कुकी के खत्म होने की तारीख.

Chrome 104 में, नई बनाई गई कुकी या समयसीमा खत्म होने की तारीख के साथ अपडेट की गई कुकी की समयसीमा, आने वाले समय में 400 दिनों से ज़्यादा नहीं हो सकती. यह सीमा, पहले से स्टोर में मौजूद कुकी पर भी लागू होगी.

Chrome 119 और इसके बाद के वर्शन पहली बार शुरू होने और डेटाबेस को एक बार माइग्रेट करने के बाद, इन कुकी के खत्म होने की तारीख 400 दिन से ज़्यादा नहीं होगी. Chrome 119 के रिलीज़ होने के कम से कम 400 दिनों बाद ही, उपयोगकर्ताओं को इस बदलाव का असर महसूस होगा. इसके बाद भी, यह सिर्फ़ उन मौजूदा कुकी पर लागू होगा जिन्हें इस अवधि के दौरान अपडेट नहीं किया गया है.

समयसीमा खत्म होने की तारीख के सुझाव के बारे में ज़्यादा पढ़ा जा सकता है. साथ ही, आपको यह भी याद दिला दें कि आने वाले समय में तीसरे पक्ष की कुकी बंद कर दी जाएंगी. साथ ही, कुकी बंद होने से पहले तैयारी करने के लिए गाइड भी दी गई है.

सीएसएस से जुड़े अपडेट

सीएसएस के लिए, हमारे पास तीन अपडेट हैं:

पहला: नई :user-invalid और :user-valid स्यूडो-क्लास, जो किसी एलिमेंट को गलत या सही इनपुट के साथ दिखाती हैं. हालांकि, ऐसा सिर्फ़ तब होता है, जब उपयोगकर्ता ने उस एलिमेंट के साथ ज़्यादा इंटरैक्ट किया हो. ये :valid और :invalid, स्यूडो-क्लास की तरह ही होते हैं. हालांकि, इनमें एक और शर्त होती है कि नए स्यूडो-क्लास सिर्फ़ तब मैच करते हैं, जब उपयोगकर्ता ने एलिमेंट के साथ इंटरैक्ट किया हो.

दूसरा: रिलेटिव कलर सिंटैक्स की मदद से, डेवलपर अन्य रंगों के पैरामीटर में बदलाव करके रंग तय कर सकते हैं.

उदाहरण के लिए: oklab(from magenta calc(l * 0.8) a b); से, Oklab मैजेंटा रंग 80% हल्का हो जाता है.

तीसरा अपडेट: clip-path में अब ज़्यादा वैल्यू इस्तेमाल की जा सकती हैं.

clip-path प्रॉपर्टी, क्लिपिंग वाला एक क्षेत्र बनाती है. इससे यह तय होता है कि किसी एलिमेंट का कौनसा हिस्सा दिखाया जाए. इस क्षेत्र में मौजूद हिस्से दिखाए जाते हैं, जबकि बाहर के हिस्से छिपाए जाते हैं.

अब क्लिप के रेफ़रंस बॉक्स को कंट्रोल करने के लिए, <geometry-box> वैल्यू का इस्तेमाल किया जा सकता है. इससे clip-path का इस्तेमाल करना आसान हो जाता है. इन बॉक्स वैल्यू का इस्तेमाल, बुनियादी आकारों (उदाहरण के लिए, clip-path: circle(50%) margin-box) के साथ किया जा सकता है. इसके अलावा, इन्हें किसी खास बॉक्स में क्लिप करने के लिए, अकेले भी इस्तेमाल किया जा सकता है (उदाहरण के लिए,clip-path: content-box).

xywh() और rect() फ़ंक्शन का इस्तेमाल भी किया जा सकता है. इनकी मदद से, आयताकार या गोल-आयताकार क्लिप को आसानी से चुना जा सकता है.

सुधार: इस लेख के पिछले वर्शन में, फ़ेंस किए गए फ़्रेम में किए गए सुधारों के बारे में बताया गया था. ये बदलाव, अब Chrome 120 में उपलब्ध हैं.

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

इसके अलावा, और भी कई चीज़ें हैं.

  • Chrome के वर्शन 119 से, WebSQL को पूरी तरह हटा दिया गया है. रिवर्स ऑरिजिन ट्रायल की मदद से, डेवलपर Chrome के वर्शन 123 तक WebSQL का इस्तेमाल कर सकते हैं.

  • अब monitorTypeSurfaces विकल्प का इस्तेमाल करके, उपयोगकर्ता को पूरी स्क्रीन शेयर करने से रोका जा सकता है. इसके लिए, getDisplayMedia() का इस्तेमाल करें

  • ऑरिजिन ट्रायल में, window.open() JavaScript API में fullscreen windowFeatures पैरामीटर जोड़ा जाता है. इससे कॉलर, पॉप-अप को सीधे फ़ुल-स्क्रीन में खोल सकता है.

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

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

सदस्यता लें

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

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