What's new on safari 11

Posted 2020-09-21 前端/设计/手工/创意

Safari 11.0 针对网页开发者的新功能

设备媒体调用

• Safari 11.0中的新功能 - 支持使用WebRTC的实时通信。

• Safari 11.0中的新功能 - 支持对摄像头和麦克风的访问。

  • 增加了对Media Capture API的支持。

  • 网站可以调用用户设备的摄像头和麦克风流（需要请求用户权限）。

Web API

• Safari 11.0中新增 - WebAssembly。

  • 增加了对WebAssembly的支持，一种快速，高效，便携和安全的代码格式。

• WebCrypto API 新的加密 API。

  • 包括新的加密算法，如AES-CFB，AES-GCM，ECDH和PBKDF2。

  • SubtleCrypto不再是前缀，现在是异步的。

• Safari 11.0中新增 - Resource Timing 面板。

  • 收集页面上每个资源的所有网络时序数据的详细测量。

  • 增加了对资源计时级别2，性能计时级别2和用户计时级别2的支持。

  • 为开发人员添加了指标，以确定网络应用程序的客户端性能问题。

• Safari 11.0中的新功能 - 在ios上拖放。

  • 添加了iOS上的DOM事件拖放：dragstart，dragenter，dragover，dragexit，dragleave，dragend，和drop。

WebAPP

• 更新了WebKit支持主屏幕应用程序。

  • 保存到主屏幕的WebAPP 现在支持了现代WebKit的所有功能，例如快速点击，滚动快照和新的可视视口行为。

安全和隐私

• Safari 11.0中的新功能 - 通过防止跨站点跟踪来增强用户隐私。

  • 增加了智能跟踪预防功能，可更新默认的Cookie和网站数据策略，以隔离和删除具有跟踪跨站点用户的站点的Cookie和网站数据。

• 默认情况下更新了阻止跨源访问的文件限制。

  • file://除非从“开始”菜单中选择“禁用本地文件限制”，否则现在将禁止CORS和交叉起始访问。

文字特征

• Safari 11.0中新增 - 变量字体。

  • 增加了对CSS字体模块4规范中定义的字体变体的支持。有关详细信息，请参阅变量字体。

• Safari 11.0中新增 - CSS Stroke 笔触支持。

  • 从添加描边属性CSS Stroke 规范 包括paint-order，stroke-linejoin，stroke-linecap，stroke-color，stroke-width，和stroke-miterlimit。

Web Inspector 检查器和工具

• Safari 11.0中的新功能 - WebSocket连接可以 Inspect 了。

  • 增加了WebSocket连接和消息的调试。

• Safari 11.0中的新功能 - 从右到左的布局即 RTL 排版 。

  • 当首选语言是RTL语言时，更新了Web Inspector UI以使用从右到左（RTL）模式。

• DOM断点和XHR断点。

  • 添加断点以暂停脚本执行并显示修改DOM中的元素或使XMLHttpRequest资源成为可能的javascript 。

Safari扩展

• Safari 11.0中新增内容封锁规则。

  • 已添加if-top-url，并且unless-top-url正则表达式与整个主文档URL匹配时执行的新触发器。

新的图片格式支持？？？

iOS11 将使用 HEIF 作为图片格式？ High Efficiency Image File Format (HEIF) 但暂时没有消息说支持在 Safari 11 中使用。

@Vickey 可以看出 #Safari 11.0# 里很多 API 还是处于追赶状态。如 WebRTC、WebCrypto、WebAssembly 等，这些在其他高级浏览器里早已实现，而现在终于在 Safari 里实现了。

@Barret李靖:WebAssembly 效率如何？我今天看到几个数字，将代码编译成二进制，整体可以减少 20％~30％ 的体积，而运行速度相比 JS，大约快 22 倍，这对 web 游戏开发包括未来的 webVR 来说，简直就是福音。更爽的是，以后可以使用其他语言比如 C/C++/Java 等开发 web 程序。 ?