Safari Technology
Preview

Safari Technology Preview contains the most recent additions and improvements to WebKit and the latest advances in Safari web technologies. And once installed, you will receive notifications of updates from the Mac App Store.

Features

• Shared Links Extensibility. Use the new Shared Links API extension to add link suggestions to the shared links feed on Safari for OS X and iOS.
• Content Blocking API for Safari extensions. Easily block content from a large collection of webpage resources with minimal overhead and incredibly high performance.
• Force Touch Trackpad Mouse Events. Create interactivity like never before using new events and force information from the Force Touch Trackpad.
• CSS Scroll Snapping. Use CSS scroll snapping to keep the focal point of your content in view when scrolling momentum stops.
• FairPlay Streaming. Stream premium web video content securely with FairPlay Streaming support in Safari on OS X.
• AirPlay for HTML5 Video. If you use custom controls for your HTML5 media, use JavaScript AirPlay support to add your own control to stream video to Apple TV.
• HTML5 Video PiP. Use new JavaScript PiP support for iOS to add your own Picture in Picture control to custom controls for HTML5 videos.
• Backdrop Filters. Add advanced image filters to the backdrop of your elements to achieve modern iOS and OS X material effects in your web content layouts.

Note: Now requires macOS 10.12.6 or later.

JavaScript

• Added support for regular expression named capture groups
• Fixed semicolon tokens becoming interpreted as an = assignment operator
• Implemented async iteration statement for-await-of
• Optimized Object.keys using careful array allocation

FileSystem Entry API

• Added support for input.webkitEntries
• Implemented FileSystemDirectoryEntry.getDirectory()
• Implemented FileSystemEntry.getParent()
• Implemented FileSystemFileEntry.file()
• Fixed the FileSystemEntry API to ignore hidden files
• Finished the DOMFormData implementation

Fetch API

• Added support for FetchRequest.body
• Added support for Request body stream cloning
• Added support for consuming a Request ReadableStream body
• Added support for caching Response with a ReadableStream body
• Aligned FetchResponse and FetchRequest body handling
• Fixed Response.statusText unexpectedly using the full HTTP status line for HTTP/2 responses
• Fixed Request ReadableStream body to throw an exception when keep alive is true

Accessibility

• Distinguished between title attribute tooltips and aria-label attribute labels

Web API

• Fixed validation for DOMMatrix and DOMMatrixReadOnly NaN values
• Implemented DOMMatrix2DInit for setTransform() and addPath()

CSS

• Removed support for >> descendant combinator syntax
• Fixed wrong getComputedStyle result for pseudo-elements in display:none subtrees.
• Updated the font selection algorithm to match latest CSS specifications

CSS Grid

• Fixed grid shorthand to not reset the gutter properties
• Changed stretching auto tracks to be done as part of the track sizing algorithm
• Changed to use transferred size over content size for automatic minimum size

Web Inspector

• Fixed an issue that caused toolbar buttons to be hidden at narrow widths
• Prevented the split console in the Settings tab
• Use the same Timeline icon in the dashboard and Timeline tab
• Increased the maximum width allowed for sidebars
• Fixed an issue that prevented ⌘E and ⌘G from working in the main content area when quick console drawer is open

Media

• Prevented increasing the reported totalFrameDelay for non-displayed frames, or frames coming in while paused
• Fixed MSE-to-Canvas painting that can become "stuck" during heavy workloads

Rendering

• Implemented the HTMLImageElement.async attribute
• Implemented HTMLImageElement.decode() method
• Fixed respecting the SVG fragment identifier if it is a part of an HTTP URL
• Enabled previous elements with lang= to affect fonts selected for subsequent elements

WebGL

• Implemented getActiveUniforms() for WebGL 2
• Accelerated texImage2D for video doesn’t respect flipY
• Fixed VideoTextureCopierCV to correctly restore vertex attribute state