Chrome 114 में नया

यहां आवश्यक जानकारी दी गई है:

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

text-wrap:balance.

टेक्स्ट लेआउट को बेहतर बनाने के लिए, text-wrap: balance का इस्तेमाल करें. नीचे दिया गया एनिमेशन आपके द्वारा इस एक पंक्ति से किए जा सकने वाले परिवर्तन को दर्शाता है.

डेमो आज़माएं

डेवलपर के तौर पर, आपको टेक्स्ट का आखिरी साइज़, फ़ॉन्ट साइज़ या भाषा भी नहीं पता होती. टेक्स्ट रैपिंग को असरदार तरीके से इस्तेमाल करने के लिए, सभी वैरिएबल की ज़रूरत होती है. ब्राउज़र सभी चीज़ों को जानता है, इसलिए text-wrap:balance के साथ लाइन रैपिंग का सबसे अच्छा संतुलन बनाने के लिए, ब्राउज़र से अनुरोध किया जा सकता है.

पिछले दो उदाहरणों को एक साथ दिखाया गया है. एक को 'असंतुलित' और दूसरे को 'संतुलित' के तौर पर दिखाया गया है.

टेक्स्ट के संतुलित ब्लॉक पर ध्यान दिया जाता है, ताकि यह पढ़ने वाले व्यक्ति को ज़्यादा अच्छा लगे. यह लोगों का ध्यान खींचता है और पढ़ने में आसान होता है.

text-wrap: balance के लिए, हेडलाइन के बीच संतुलन बनाना मुख्य इस्तेमाल का उदाहरण होगा और आगे भी यही होना चाहिए. टेक्स्ट को संतुलित करने पर परफ़ॉर्मेंस लागत होती है. इसलिए, लागत कम करने के लिए यह सिर्फ़ चार लाइनों तक ही काम करती है.

अपने टेक्स्ट लेआउट को बेहतर बनाने के लिए, सैंपल और ज़्यादा जानकारी के साथ यह लेख पढ़ें.

सीएचआईपीएस: कुकी हैविंग इंडिपेंडेंट पार्टिशन्ड स्टेट.

सीएचआईपीएस (कुकी हैविंग इंडिपेंडेंट पार्टिशन्ड स्टेट), कुकी के नए एट्रिब्यूट Partitioned का इस्तेमाल करके, टॉप लेवल साइट के ज़रिए तीसरे पक्ष की कुकी के लिए ऑप्ट-इन करने की सुविधा को चालू करता है.

सीएचआईपीएस से पहले, जब कोई उपयोगकर्ता साइट A पर जाता था, तो एम्बेड की गई साइट C, उपयोगकर्ता की मशीन पर कुकी सेट कर सकती थी. अगर इसके बाद उपयोगकर्ता ऐसी साइट B पर जाता है जिस पर साइट C को भी एम्बेड किया गया है, तो साइट C उसी कुकी को ऐक्सेस कर सकती है जो साइट A पर सेट की गई थी. इससे साइट C को साइट A, B, और उस हर साइट पर उपयोगकर्ता की ब्राउज़िंग गतिविधि का डेटा इकट्ठा करने की अनुमति मिलती है जिस पर वह एम्बेड की गई है.

डायग्राम में उन साइटों और स्टोरेज की जानकारी दी गई है जिनमें अलग-अलग कुकी मौजूद हैं.

हालांकि, क्रॉस-साइट ट्रैकिंग एक समस्या है, लेकिन क्रॉस-साइट कुकी की कुछ मान्य ज़रूरतें हैं, जिन्हें कुकी के पार्टीशन की मदद से, निजता बनाए रखते हुए पूरा किया जा सकता है.

जब कोई उपयोगकर्ता साइट A पर जाता है और साइट C का एम्बेड किया गया कॉन्टेंट, पार्टिशन्ड एट्रिब्यूट की मदद से कुकी सेट करता है, तो CHIPS की मदद से कुकी को सिर्फ़ उन कुकी के लिए पार्टिशन किए गए जार में सेव किया जाता है जिन्हें C साइट A पर एम्बेड करते समय सेट करती है. ब्राउज़र उस कुकी को सिर्फ़ तब भेजेगा, जब टॉप-लेवल की साइट A होगी.

डायग्राम में साइटें और कुकी के साथ शेयर किया गया स्टोरेज दिखाया गया है.

जब उपयोगकर्ता किसी नई साइट (उदाहरण के लिए, साइट B) पर जाता है, तो साइट C को वह कुकी नहीं मिलेगी जो साइट A में C को एम्बेड किए जाने पर सेट की गई थी.

तीसरे पक्ष की कुकी के इस्तेमाल को बंद करने की प्रोसेस के बारे में ज़्यादा जानने के लिए, यह लेख पढ़ें.

पॉपओवर एपीआई.

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

इनमें यूज़र-इंटरैक्टिव एलिमेंट शामिल हैं. जैसे, ऐक्शन मेन्यू, फ़ॉर्म एलिमेंट के सुझाव, कॉन्टेंट पिकर, और पढ़ाने के लिए यूज़र इंटरफ़ेस (यूआई).

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

यह <dialog> एलिमेंट की तरह है, लेकिन इसमें कई अहम अंतर हैं. इनमें लाइट-खारिज करने का व्यवहार, पॉपओवर इंटरैक्शन मैनेजमेंट, इवेंट सपोर्ट, और "मोडल" मोड की कमी शामिल हैं.

ज़्यादा जानकारी के लिए यह लेख देखें.

और ज़्यादा!

निश्चित रूप से बहुत कुछ है.

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

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

सदस्यता लें

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

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