AppKed

Tags 5189

Safari Technology Preview 10.1 – The newest browser tech from Apple.

Appked/ Featured/on 2016-10-28 11:04

Safari Technology  Preview 10.1

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.


WHAT’S NEW

Version 10.1 (12603.1.10, Release 16):

URL Parser
  • Enabled a faster and more standards-compliant URL parser
Gamepad API
  • Enabled the Gamepad API by default, allowing gamepads already configured for use with macOS to work on web pages using the Gamepad API
CSS
  • Supported CSS Shapes Level 1 without a -webkit- prefix
  • Fixed an issue where CSS font-variation-settings did not handle uppercase axis names in variable fonts
Media
  • Made full access to the keyboard available when content is fullscreen
  • Made setting HTMLMediaElement.volume to NaN or Infinity throw a TypeError
  • Allowed throttling of background tabs that have media elements with no audible audio
Fetch API
  • Added support for Request cache mode
  • Forbid redirection to non-HTTP(s) URL when in non-navigation mode
  • Ensured memory cache does not bypass redirect mode
  • Improved network data transfer to stream when the application needs it
JavaScript
  • Implemented Intl.getCanonicalLocales
  • Changed ES6 method functions to not have a prototype property
  • Forbid "use strict" directive in generator functions with non-simple parameters
  • Prevented Array.prototype.concat from modifying frozen objects
  • Prevented Array.prototype.slice from modifying frozen objects
  • Prevented JSON.parse from modifying frozen objects
  • Handled non-function, non-undefined comparator in Array.prototype.sort
Web APIs
  • Changed MouseEvent coordinates to be set to 0 for simulated clicks
  • Fixed an issue where select.options could incorrectly return too many option elements
  • Made table.deleteRow(-1) do nothing when there are no rows
  • Fixed event listener order when overwriting an attribute event listener
  • Implemented DOMPoint and DOMPointReadOnly
  • Implemented DOMRect and DOMRectReadOnly
  • Added support for "CapsLock" modifier in KeyboardEvent.getModifierState()
  • Added support for window.navigator.languages attribute
  • Updated window.navigator.language to no longer return an all lowercase string
  • Updated HTMLSelectElement to ignore nested optgroup elements when recalculating
  • Ensured a toggle event is fired whenever details.open is changed
Web Inspector
  • Fixed Timeline UI updating while recording in remote Web Inspector
  • Exposed computed tree node and heading level for accessibility
  • Added toggles for debugger pauses at console.assert failures
  • Prevented changing content view when dragging to delete a breakpoint
  • Improved debugger highlight when inside of getter and setter calls
  • Improved debugger highlight when pausing on the first statement of a program
  • Improved debugger highlight for dot- and bracket-expressions in if statements
  • Removed line flash while stepping to prevent distraction
  • Prevented CSS autocompletion from adding extra unexpected characters
  • Corrected syntax highlighting for mixed case CSS values like translateX
  • Fixed an issue when pasting into a CSS rule selector
Accessibility
  • Implemented prefers-reduced-motion media query
  • Set figcaption to provide the accessible name for other content inside the figure
  • Exposed the invalid status for input types with an invalid input value
  • Exposed the placeholder attribute when both the placeholder and aria-placeholder attributes are set
  • Improved accessibility support for summary elements
  • Mapped the output element to status role and exposed its text content as a title
  • Added a new role for the mark element and exposed the role description
  • Improved the meter element to describe the status of the value
  • Provided more detailed role description for input types exposed as standard text fields
Shadow DOM
  • Fixed updating styles for stylesheets that change in a shadow tree
Bug Fixes
  • Fixed an issue where Safari Technology Preview would hang when waking from sleep
  • Fixed an issue where the contents of a tab would remain onscreen briefly after automatically switching to a new tab when opening a target=_blank link
  • Changed "Download Linked File" context menu action to use the value of the download attribute as the filename
  • Changed "Download Linked File As…" context menu action to use the value of the download attribute as the suggested filename
  • Fixed a bug where a keyframe animation on body could trigger high CPU usage
  • Fixed an issue that caused the keyboard to remain visible when swiping back on twitter.com


REQUIREMENTS

macOS 10.12 or later, 64-bit processor


Screenshots