Safari 17.2 के नए WebKit फीचर्स

 (webkit.org)
7 पॉइंट द्वारा xguru 2023-12-15 | अभी कोई टिप्पणी नहीं है. | WhatsApp पर शेयर करें

HTML

  • Exclusive Accordion: <details> एलिमेंट में name attribute का समर्थन। एक चुनने पर दूसरे आइटम अपने-आप बंद हो जाते हैं
  • <input> फ़ील्ड में autocomplete="one-time-code" डालकर SMS से मिले OTP कोड का ऑटो-फिल समर्थन

CSS

  • CSS Nesting करते समय एलिमेंट selector पर & लगाने की पाबंदी हट गई
  • rcap, rex, ric, rch जैसे Root units का समर्थन
  • CSS Motion Path को web standard के अधिक अनुरूप बनाने के लिए अपडेट किया गया
  • animation और transition में linear() फ़ंक्शन का समर्थन जोड़ा गया
  • rem(), mod(), round() जैसे math functions का समर्थन
  • counter-set property का समर्थन
  • -webkit-mask-box-image से browser prefix हटाकर mask-border-[mode|outset|repeat|slice|source|width] का सीधे समर्थन
  • Custom Highlights API का समर्थन: ::selection जैसी चीज़ों को ::highlight() फ़ंक्शन से custom define किया जा सकता है

Image aur Video

  • Responsive Image के लिए Preloading समर्थन: <link rel=preload> के imagesrcset/imagesizes को <img> के srcset/sizes की तरह ही इस्तेमाल किया जा सकता है
  • imageOrientation property में इमेज के अपने मान का उपयोग करने वाले विकल्प को none से बदलकर अधिक उपयुक्त from-image किया गया
  • SVG के <image crossorigin> का समर्थन
  • H264 L1T2 codec का समर्थन
  • webkitPreservesPitch से browser prefix हटाकर HTMLMediaElement.preservesPitch जोड़ा गया

JavaScript

  • import attributes का समर्थन (import करते समय type information जोड़ी जा सकती है)
  • Intl.NumberFormat के FormatApproximately का समर्थन

Web API

  • Fetch Priority का समर्थन: image, script, CSS आदि के लिए fetchpriority=[high|low|auto] सेट किया जा सकता है
  • Form Validation के दौरान title attribute का समर्थन। validation error पर title का मान दिखाया जाता है
  • CanvasRenderingContext2D.prototype.reset() का समर्थन
  • disabled form controls को कुछ mouse events भेजने का समर्थन: mouseenter, mouseleave, mousemove, mouseover, mousewheel आदि। click/mouseup/mousedown नहीं भेजे जाते

Web Apps

  • Login Cookies: web app को Mac के "Add to Dock" या iOS के "Add to Home Screen" से जोड़ने पर भी login cookie सेव रहती है, इसलिए login बना रह सकता है
  • web app icons को अधिक साफ़-सुथरा दिखाने के लिए बदलाव। बेहतर अनुभव के लिए SVG या 1024x1024 से बड़ी इमेज देना ज़रूरी
  • Mac के web app में "Show Status Bar" को enable किया जा सकता है। web app window में पहली बार लोड होने वाले पेज को आसानी से बदला जा सकता है

WebGL

  • नए WebGL extensions का समर्थन: EXT_blend_func_extended, WEBGL_clip_cull_distance

Privacy

  • blob partitioning जोड़ा गया

Web Inspector

  • color palette में Color Variable का समर्थन
  • animation timing को adjust करके देखना

संबंधित पढ़ाई

अभी कोई टिप्पणी नहीं है.

अभी कोई टिप्पणी नहीं है.