Demo

The hash doesn’t match. So, Safari has blocked it from being loaded.

Intelligent Tracking Prevention

Storage Access API ( new )

AutoFill for Safari

Default Password Format ( new )

• 20 characters long
• Contain upper-case, digits, hyphen, and lower-case
• Use passwordrules attributes for custom password rules
• Password rules validation tool

Security Code AutoFill ( new )

Font Collections ( new )

Similar Unicode fonts downloaded more quickly

font-display Descriptor ( new )

Videos in Image Elements

Demo

gif → mp4

Passive Event Listeners ( new )

• Enabled on document, window, and body elements by default
• Flag to always allow scrolling
• No interruptions

Image Decoding ( new )

• Synchronous 😡
  - Main thread is blocked
  - User interactions prevents until all images are decoded
• Asynchronous 😆
  - On separate thread
  - Parallel decoding operations
  - User interactions aren’t blocked
  - Default on 1st page load
  - Markup: Add the decoding attribute to an element
  - JavaScript: Use HTMLImageElement.decode()

Demo

No flash. Smooth transition.

Beacon API

Asynchronous request on unload event

• Sends data on unload without waiting for a response
• Smooth browser navigation while waiting for response
• Ensure delivery of data while Safari is running

Drag and Drop Improvements

• Directory uplaod
• Read and write support for MIME types ( HTML, plaintext, and URLs)
• iOS: DataTransfer.getData and DataTransfer.setData

Demo

Payment Request API + Apple Pay ( new )

• Support for Apple Pay using Payment Request API
• Still need to support Apple Pay specifics
• Apple Pay JS features
  - Granular error handling
  - Cobranded card support
  - Phonetic names

Demo

Service Worker API ( new )

• Great offline experience
  - Cache interactions
  - Intercept requests
• Multiple tabs share 1 instance
• Persistent store of resources

Fullscreen API for iPad

CSS Environment Variables

AR Quick Look + Safari

• Integrating Apps and Content with AR Quick Look ( WWDC 2018 )