Chrome 114 में नया

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

  • टेक्स्ट लेआउट को बेहतर बनाने के लिए, सीएसएस text-wrap: balance उपलब्ध है.
  • यहां टॉप लेवल साइट (सीएचआईपीएस) के हिसाब से बांटे गए कुकी यहां दिखते हैं.
  • 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 की मदद से, कुछ समय के लिए दिखने वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट को बनाना आसान हो जाता है. ये एलिमेंट, वेब ऐप्लिकेशन के अन्य सभी यूज़र इंटरफ़ेस (यूआई) के ऊपर दिखते हैं.

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

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

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

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

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

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

  • DevTools की मदद से, DWARF सपोर्ट वाले WebAssembly ऐप्लिकेशन में C और C++ कोड को रोका और डीबग किया जा सकता है.
  • navigator.bluetooth.requestDevice() में मौजूद exclusionFilters विकल्प की मदद से, वेब डेवलपर ब्राउज़र पिकर से कुछ डिवाइसों को हटा सकते हैं.
  • बैकग्राउंड को धुंधला करने की सुविधा के लिए, ऑरिजिन ट्रायल उपलब्ध है.

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

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

सदस्यता लें

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

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