【第962期】Safari 11.0 已發佈,新特性都在這兒了!

前端早讀課橙橙橙2017-06-12 11:03:39

前言

上週蘋果發佈會你看了嗎?能跟行業搭邊的都在這了。今日早讀文章由眾成翻譯平台 @ 橙橙橙 翻譯分享。

正文從這開始~

Safari 11.0

兼容性

Safari 11.0 可運行於 iOS 11.0 和 macOS 10.1版本的系統環境,同時在macOS 10.12.6 和 10.11.6版本中也可以使用。

Highlights of Safari 11.0

Safari 11.0的亮點

  • 基於WebRTC標準實現了P2P Web視頻會議。

  • 新增了一些用來測試代碼和網絡性能的策略。

  • 支持 WebAssembly。使用最新的 WebAssembly 格式編寫代碼,將令你的Web應用體積更小,加載更快。

  • 支持新的 WKWebView 接口。 在應用中可以捕獲快照,處理自定義URL方案,更有效地管理cookie,以及進行Web內容過濾了。

App

WebKit

處理自定義 URL Scheme

新增 WKURLSchemeHandler協議, 該協議用於處理自定義的 URL Scheme。

更有效的cookie管理

新增 WKHTTPCookieStore對象, 該對象用來管理與特定的 WKWebsiteDataStore 相關的HTTP cookie。

支持快照

WKWebView 新增 takeSnapshot(with:completionHandler:) 方法, 該方法用於捕捉網頁可見部分的快照.

基於規則的內容處理

新增 WKContentRuleList 對象, 該對象提供了一組適用於Web內容的規則的列表。

SafariServices

更新了 SFSafariViewController

新增了修改用於取消view controller的按鈕的題目的功能;新增了從共享表中排除活動項的功能;新增了禁止將欄摺疊的功能。

Web 開發者

多媒體

  • 持使用WebRTC進行實時通信

  • 攝像頭和麥克風權限

新增對 Media Capture API 的支持。

支持網站訪問用户設備的攝像頭和麥克風(需要取得用户權限)。

Web APIs

WebAssembly

新增對 WebAssembly 的支持, 它是一種快速,高效,便攜,安全的編碼格式。

Safari升級了最新版本的 WebCrypto API。

  • 包括新的加密算法,如: AES-CFB, AES-GCM, ECDH, and PBKDF2。

  • SubtleCrypto 現在不需要添加 'webkit'前綴了並且是異步的。

(Resource timing)

  • 收集網頁上每一個資源的全部網絡計時數據的詳細測量結果。

  • 新增對資源計時2級, 性能計時2級,和用户計時2級等規範的支持。

  • 新增了一些策略,用來幫助開發人員確認Web應用程序的客户端性能問題。

iOS上的拖放

在iOS系統新增了多個拖放事件: dragstart, dragenter, dragover, dragexit, dragleave, dragend, drop。

Web 應用

更新了WebKit對主屏幕應用的支持

保存在主屏幕的應用現在支持現代WebKit的所有功能特性,如快速點擊(Fast-Tap),滾動捕捉(scroll snapping)和新的視覺視口行為。

安全和隱私

通過防止跨站跟蹤,加強用户隱私

新增了“智能跟蹤預防”(Intelligent Tracking Prevention)功能,它會升級默認的cookie和網站數據的策略,以此來隔離和刪除那些有能力進行跨站跟蹤用户的網站的cookie和數據。

更新文件限制,默認情況下阻攔跨域訪問文件的行為

CORS和跨域訪問 file: //現在會被阻攔下來,除非選中 Develop 菜單下的 'Disable Local File Restrictions(禁用本地文件限制)' 選項。

文本特性

支持可變字體(Variable fonts)

新增對 CSS Fonts Module 4 規範中定義的字體變形(font variations)的支持。

支持 CSS Stroke

新增對 CSS Stroke規範中定義的一些屬性的支持,比如: paint-order, stroke-linejoin, stroke-linecap, stroke-color, stroke-width, stroke-miterlimit。

Web檢查工具

檢查 WebSocket 連接

新增對 WebSocket連接和消息的調試。

由右向左的佈局

當首選語言為由右向左書寫的語言時, 瀏覽器的檢查元素界面會使用右向左佈局的模式。

DOM 斷點 和 XHR 斷點

在代碼中添加了斷點之後,當該代碼修改了DOM中的元素,或者向某個資源發送了一個 XHRHtpRequest 請求時,斷點會暫停腳本的執行,同時展示出該段代碼。

Safari 擴展

content blocker rules

新增了 if-top-url 和 unless-top-url 這兩個trigger,它們會在正則表達式和文檔的URL全部匹配時執行。

最後,眾成翻譯平台還分享過:

【第801期】 構建穩固的、可升縮的CSS框架的八大原則

【第800期】 ECMAScript 2016 中你不知道的改變

關於本文

譯者:@ 橙橙橙 

譯文:http://www.zcfy.cc/article/safari-11-0-3115.html

原文:https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html#//apple_ref/doc/uid/TP40014305-CH13-SW1

閲讀原文

TAGS: