Chrome 114 में नया

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

  • टेक्स्ट लेआउट को बेहतर बनाने के लिए, सीएसएस text-wrap: balance उपलब्ध है.
  • टॉप लेवल साइट (CHIPS) के हिसाब से पार्टिशन की गई कुकी यहां दी गई हैं.
  • Popover API की मदद से, पॉपओवर बनाना पहले से ज़्यादा आसान हो गया है.
  • इसके अलावा, और भी सुविधाएं हैं.

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

text-wrap:balance.

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

डेमो आज़माएं

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

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

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

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

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

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

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

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

बिना सेगमेंट वाली कुकी के साथ साइटों और स्टोरेज को दिखाने वाला डायग्राम.

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

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

कुकी के साथ साइटों और अलग-अलग हिस्सों में बंटे स्टोरेज को दिखाने वाला डायग्राम.

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

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

Popover API.

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

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

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

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

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

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

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

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

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

सदस्यता लें

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

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