नवंबर में वेब प्लैटफ़ॉर्म पर नया है

नवंबर 2024 में, स्टैबल और बीटा वेब ब्राउज़र में लॉन्च की गई कुछ दिलचस्प सुविधाओं के बारे में जानें.

पब्लिश करने की तारीख: 27 नवंबर, 2024

नवंबर 2024 में, Firefox 133 और Chrome 131 के स्टेबल वर्शन रिलीज़ किए गए. इस पोस्ट में, वेब प्लैटफ़ॉर्म में जोड़ी गई नई सुविधाओं के बारे में बताया गया है.

WebCodecs API

Firefox 133 में WebCodecs API के ImageDecoder, ImageTrackList, और ImageTrack इंटरफ़ेस काम करते हैं. इनकी मदद से, मुख्य और वर्क थ्रेड से इमेज को डिकोड किया जा सकता है.

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

WorkerNavigator permissions प्रॉपर्टी

Firefox 133 में भी WorkerNavigator.permissions का इस्तेमाल किया जा सकता है.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page मार्जिन बॉक्स

Chrome 131 में, वेब दस्तावेज़ को प्रिंट करने या PDF के तौर पर एक्सपोर्ट करने के दौरान, पेज मार्जिन बॉक्स के लिए सहायता जोड़ी गई है.

@page मार्जिन बॉक्स की मदद से, पेज के मार्जिन एरिया में कॉन्टेंट तय किया जा सकता है. उदाहरण के लिए, ब्राउज़र से जनरेट किए गए हेडर और फ़ुटर का इस्तेमाल करने के बजाय, पसंद के मुताबिक हेडर और फ़ुटर जोड़े जा सकते हैं.

पेज नंबरिंग के लिए, काउंटर भी काम करते हैं. स्पेसिफ़िकेशन में दो खास काउंटर के नाम बताए गए हैं: मौजूदा पेज नंबर के लिए page और पेजों की कुल संख्या के लिए pages.

ज़्यादा जानने के लिए, सीएसएस का इस्तेमाल करके प्रिंट किए गए पेजों के मार्जिन में कॉन्टेंट जोड़ना लेख पढ़ें.

Browser Support

  • Chrome: 131.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

रिलेटिव कलर सिंटैक्स में currentcolor के लिए सहायता

Chrome 131 में, सीएसएस में रिलेटिव कलर (from कीवर्ड का इस्तेमाल करके) के लिए, currentcolor को बेस के तौर पर इस्तेमाल करने की अनुमति है. इसकी मदद से, किसी एलिमेंट के टेक्स्ट के रंग के आधार पर, उस एलिमेंट के बॉर्डर, शैडो या बैकग्राउंड के लिए, एक-दूसरे के साथ मैच होने वाले रंग सेट किए जा सकते हैं.

Uint8Array तरीके

Firefox 133 में, base64- और हेक्स-कोड वाली स्ट्रिंग और बाइट कलेक्शन के बीच आसानी से कन्वर्ज़न करने के लिए, Uint8Array के कई नए तरीके जोड़े गए हैं:

  • Uint8Array.fromBase64() और Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() और Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() और Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

खास तौर पर काम करने वाले वर्कर के लिए WebHID

Chrome 131 में, खास वर्कर्स कॉन्टेक्स्ट में WebHID की सुविधा चालू होती है. इससे, किसी अलग थ्रेड पर एचआईडी डिवाइस से ज़्यादा I/O और डेटा प्रोसेसिंग की जा सकती है. इससे मुख्य थ्रेड पर परफ़ॉर्मेंस पर पड़ने वाले असर को कम करने में मदद मिलती है.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: not supported.
  • Safari: not supported.

ब्राउज़र के बीटा वर्शन की रिलीज़

ब्राउज़र के बीटा वर्शन से, आपको उन चीज़ों की झलक मिलती है जो ब्राउज़र के अगले स्थिर वर्शन में उपलब्ध होंगी. यह नई सुविधाओं या हटाए गए ऐसे कॉन्टेंट को टेस्ट करने का बेहतरीन समय है जिसका असर आपकी साइट पर पड़ सकता है. ऐसा, दुनिया भर में रिलीज़ होने से पहले किया जा सकता है. नए बीटा वर्शन में Firefox 134, Safari 18.2, और Chrome 132 शामिल हैं. इन रिलीज़ से, प्लैटफ़ॉर्म पर कई बेहतर सुविधाएं मिलती हैं. पूरी जानकारी के लिए, रिलीज़ नोट देखें. यहां कुछ हाइलाइट दी गई हैं.

Safari 18.2 में Uint8Array तरीके शामिल हैं. इनके बारे में इस पोस्ट में पहले बताया गया था कि ये Firefox में शिप किए जा रहे हैं. साथ ही, इसमें @page मार्जिन डिस्क्रिप्टर भी शामिल हैं, जिन्हें इस महीने Chrome में शिप किया गया है. सीएसएस की नई सुविधाओं की एक अच्छी सूची है. इसमें क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन, ruby-align, और text-box-trim के लिए सहायता शामिल है.

Chrome 132 में, writing-mode सीएसएस प्रॉपर्टी के लिए sideways-rl और sideways-lr कीवर्ड, <dialog> के लिए टॉगल इवेंट, और Request और Response इंटरफ़ेस के लिए bytes() का तरीका शामिल है.

फ़िलहाल, Firefox 134 के बारे में ज़्यादा जानकारी नहीं है. हालांकि, इसमें Promise.try शामिल है, जो Safari 18.2 के बीटा वर्शन में भी है.