For example, built-in media controls now have Playback Speed and Chapters menus. Safari 15 includes several media improvements for users and developers. You can learn more about the latest Web APIs in WebKit by watching “Develop Advanced Web Content” at WWDC21. User gestures now propagate through requestAnimationFrame with a one-second time limit.Īnd now, with Safari 15.1, performance.timeOrigin is available in Web Workers. Web Share level 2 enhancements to Web Share enable sharing files from a web page to an app. In addition, the WebGL implementation now runs on top of Metal for better performance. You can learn more about the latest JavaScript and WebAssembly updates to WebKit and Safari 15 by watching “Develop Advanced Web Content” at WWDC21. Improvements to WebAssembly include streaming compilation, bulk memory operations, reference types, and non-trapping conversions from float to int. Now, developers can use them together - moving work off the main thread, improving performance, while retaining the organizational benefits of modules.Īdditional new capabilities to the JavaScript engine, include: Workers/Service Workers provides a way to offload work from the main thread, and are often used for complex applications. ES6 Modules provides a powerful way for developers to organize large applications using purpose-specific libraries. This release of WebKit adds support for ES6 Modules in Workers and ServiceWorkers. Watch “Discover Web Inspector Improvements” at WWDC21 to learn more. Web Inspector in Safari 15 includes a CSS Grid Inspector overlay for inspecting grid containers on your pages. Watch “Design for Safari 15” at WWDC21 to learn more about the latest updates to CSS. We also updated WebKit’s implementation of list-style-position:inside to match the updated CSS specification, creating interoperability after a 22 year old debate. See a demo of all of these options at MDN. There’s also improved implementation of existing values for list-style-type: armenian, cjk-ideographic, hebrew, lower-armenian, lower-roman, upper-armenian, and upper-roman. WebKit supports 12 new values for list-style-type: disclosure-closed, disclosure-open, ethiopic-numeric, japanese-formal, japanese-informal, korean-hangul-formal, korean-hanja-formal, korean-hanja-informal, simp-chinese-formal, simp-chinese-informal, trad-chinese-formal, and trad-chinese-informal. WebKit also supports predefined color spaces using the color() function syntax: srgb, display-p3, a98-rgb, prophoto-rgb, rec2020, xyz. WebKit provides support for the new lab(), lch(), hwb() color syntaxes from Color level 4, providing web developers with ways to express a richer range of colors in Lab, Lch, and Hue-Whiteness-Blackness. This property can be used to set a preferred aspect ratio on any element, including boxes like divs, iframes for embedded video, or graphic design elements on a page.
#Macos big sur webkit appleslivkamacrumors how to#
Watch “Design for Safari 15” at WWDC21 to learn more about the Compact Tab bar and how to use theme-color. In the HTML meta tag, developers can specify separate colors for Dark Mode and light appearance with the media attribute.
Theme-color also changes the Tab Bar and overscroll area background colors in Compact Tab layout for Safari 15 on macOS Monterey and Big Sur and iPadOS 15. By specifying a theme-color, web developers can change the color of the status bar and overscroll area in Safari on iOS 15. WebKit now provides support for theme-color in HTML meta tags, and in Web Manifest. Learn all about the latest WebExtension APIs by watching Explore Safari Web Extension Improvements at WWDC21. This year’s release also adds support for the Declarative Net Request WebExtensions API to block content on the web. Learn how to build Safari Web Extensions and discover how to convert an existing extension by watching Meet Safari Web Extensions on iOS at WWDC21. Now developers can create them for every device that supports Safari, using APIs, functionality, and permissions that are increasingly standardized across all browsers.
Web Extensions use HTML, CSS, and JavaScript to offer powerful browser customizations.
This release brings Safari Web Extensions to iOS and iPadOS. With the release of Safari 15 for macOS Monterey, iPadOS 15, iOS 15, and watchOS, as well as macOS Big Sur and macOS Catalina, WebKit brings significant advancements in privacy and security, improved interoperability, and a host of new features for web developers.
0 kommentar(er)
