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

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

Rachel Andrew

पब्लिश किया गया: 29 अगस्त, 2025

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

Chrome 139 और Firefox 142 को अगस्त के दौरान स्टेबल वर्शन के तौर पर रिलीज़ किया गया था. इस पोस्ट में बताया गया है कि इसका वेब प्लैटफ़ॉर्म पर क्या असर पड़ेगा.

यूआरएल पैटर्न एपीआई

Firefox 142 में URL Pattern API काम करता है. इससे यूआरएल को मैच करना और पार्स करना बहुत आसान हो जाता है. यह सुविधा पहले से ही Chrome में उपलब्ध है. साथ ही, Safari 26 के बीटा वर्शन में भी यह सुविधा उपलब्ध है. इसका मतलब है कि हमें यह सुविधा जल्द ही Baseline में देखने को मिलेगी.

टास्क को प्राथमिकता के हिसाब से शेड्यूल करना

Firefox 142 में भी Prioritized Task Scheduling API का इस्तेमाल किया जा सकता है. इनके लिए सहायता उपलब्ध है: Scheduler, TaskController, TaskSignal, TaskPriorityChangeEvent (और prioritychange इवेंट), और Window.scheduler और WorkerGlobalScope.scheduler प्रॉपर्टी.

इसका मतलब है कि अब Chrome और Firefox, दोनों में लंबे टास्क को छोटे-छोटे टास्क में बांटने के लिए, scheduler.yield का इस्तेमाल किया जा सकता है. इसके अलावा, एक पॉलीफ़िल भी उपलब्ध है. इससे उन जगहों पर मदद मिल सकती है जहां यह सुविधा काम नहीं करती.

सीएसएस कॉर्नर शेपिंग

अगर आपको हमेशा से स्क्विरकल बनाने की सुविधा चाहिए थी, तो आपको Chrome 139 में नई corner-shape प्रॉपर्टी देखकर खुशी होगी. यह border-radius के साथ काम करता है. इससे आपको पहली बार कोने का आकार बदलने की सुविधा मिलती है.

ज़्यादा जानकारी और कुछ उदाहरणों के लिए, Understanding CSS corner-shape and the Power of the Superellipse लेख पढ़ें.

सीएसएस कस्टम फ़ंक्शन

Chrome 139 में सीएसएस के कस्टम फ़ंक्शन भी शामिल हैं. ये कस्टम प्रॉपर्टी की तरह ही होती हैं. हालांकि, ये एक तय वैल्यू के बजाय, अन्य कस्टम प्रॉपर्टी, पैरामीटर, और शर्तों के आधार पर वैल्यू दिखाती हैं.

सीएसएस फ़ंक्शन को @function नियम का इस्तेमाल करके तय किया जाता है. ये सीएसएस कस्टम फ़ंक्शन और मिक्सइन स्पेसिफ़िकेशन का हिस्सा होते हैं.

@function --negate(--value) {
result: calc(var(--value) * -1);
}

div {
--gap: 1em;
margin-top: --negate(var(--gap));
}

request-close invoker कमांड

डायलॉग एलिमेंट को कई तरीकों से बंद किया जा सकता है. कभी-कभी डेवलपर चाहते हैं कि वे डायलॉग को बंद होने से रोक सकें. इस डायलॉग को पाने के लिए, रद्द करने वाला इवेंट ट्रिगर करें. पहले, इस इवेंट को सिर्फ़ बंद करने के अनुरोध (उदाहरण के लिए, ESC बटन दबाना) का इस्तेमाल करके ट्रिगर किया जाता था. हाल ही में, एक requestClose() JavaScript फ़ंक्शन जोड़ा गया है, जो रद्द करने वाले इवेंट को भी ट्रिगर करता है.

request-close कमांड, अब Chrome 139 में उपलब्ध है. इससे डिक्लेरेटिव इन्वोकर कमांड एपीआई को नई सुविधा मिलती है.

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

ब्राउज़र के बीटा वर्शन में, आपको उन सुविधाओं की झलक मिलती है जो ब्राउज़र के अगले स्टेबल वर्शन में शामिल होंगी. यह नई सुविधाओं को आज़माने या उन्हें हटाने का सही समय है. इससे दुनिया भर में रिलीज़ होने से पहले, आपकी साइट पर पड़ने वाले असर का पता चल सकता है. इस महीने के नए बीटा वर्शन ये हैं: Firefox 143 और Chrome 140. Safari 26 का बीटा वर्शन अब भी उपलब्ध है.

Firefox 143 में ::details-content छद्म-एलिमेंट शामिल है. यह Interop 2025 में शामिल है. इस रिलीज़ के बाद, नई सुविधा के तौर पर बेसलाइन उपलब्ध होगी. इसमें सीएसएस text-autospace प्रॉपर्टी भी शामिल है. अगर आपको नॉन-सीजेके वर्णों के साथ-साथ चाइनीज़, जैपनीज़ या कोरियन (सीजेके) टेक्स्ट दिखाना है, तो अंतरराष्ट्रीयकरण की यह सुविधा आपके लिए मददगार है. इसकी मदद से, इन वर्णों के बीच इस्तेमाल किए गए स्पेस को तय किया जा सकता है.

Chrome 140 में, ToggleEvent का source एट्रिब्यूट शामिल है. इसमें वह एलिमेंट होता है जिसकी वजह से ToggleEvent ट्रिगर हुआ था. इसमें @font-face नियम में font-variation-settings डिस्क्रिप्टर के साथ-साथ, WebGPU से जुड़े कई अपडेट भी शामिल हैं.