作为一名前端,您可以忽略昨晚 WWDC 的更新,但您一定不能错过这篇文章。Safari 10.0 随之发布,带来了不少新的特性,为开发者带来福音。小编参照官方文档,为大家整理翻译,便于阅读,么么哒。 Web APIs支持IndexedDBSafari 10.0 对IndexedDB的HTML5本地存储方式实现完整支持W3C标准。通过该API,开发者可以在Web应用的客户端实现离线存储,或者缓存可观数量的结构化数据。 编程化实现剪切和拷贝功能通过Javascript操作(如下)
能够编程化地实现剪切和拷贝文本到剪贴板。
CPS 2.0内容安全策略(Content Security Policy,简称CPS)增强支持至2.0版本标准。 Shadow DOMShadow DOM的1.0版本为Web组件提供了实现基础。你可以放心地通过Shadow DOM来封装功能,从而使得其与页面内的脚本或样式不互相影响。
ES6在OS X以及iOS系统上的Safari已经对被誉为Javascript语言重大变革的——ECMAScript 2015 标准(亦称为ES 6)实现完整支持。 ES 国际化融合了ECMAScript 国际化 API 标准,也就是ECMA-402,支持自动根据客户端的用户语言和区域设置数字格式化、货币、日期时间格式化等功能,又或者是根据所提供的用户语言和区域来设置。 DOM 兼容性改进DOM兼容性改进使得Safari 10.0 对W3C测试通过率得到提高,与其他浏览器能够更好地兼容。 3D Touch 事件在iOS上带来了3D Touch 事件—— WebGL
Media在iOS上内嵌自动播放视频
在OS X上实现画中画功能
Text FeaturesWOFF 2.0支持新的WOFF2.0改进了网页字体压缩,所以网页在加载字体时将花费更少的宽带。 字体加载-Web开发者们能够依据CSS Font Loading Module Level 3 规范来通过脚本应用和加载字体,同时还可以跟踪字体的加载状态。
Layout and RenderingCSS3的object-position属性支持
支持SVG的路径裁切如CSS Shapes Level 2 specification中的规范所说,你可以裁切通过 支持 #RBGA 以及 #RRGGBBAA的颜色值写法Safari支持CSS Color Level 4 specification所规范描述的#RBGA 以及 #RRGGBBAA形式的颜色值写法。 border-image属性新值支持对于 image-rendering属性新值支持对于 Right-to-Left(从右往左书写的)语言支持由于RTL语言的支持,因此通过 媒体查询对广色域属性的支持媒体查询增加支持
CSS Break相关属性新增
不再需要-webkit-前缀的CSS属性以下CSS特性已经得到支持,不再需要-webkit-前缀:
Web Inspector (Web检查器)WebDriver 支持在OS X上的Safari已经实现支持WebDriver,能够让开发者实现Web内容的自动化测试。它提供了一系列接口来操作DOM元素和控制浏览器的表现行为。你可以在Safari的菜单中的开发选项里选择启用远程自动化测试(Remote Automation),然后通过 内存调试Web检查器新版的时间线(timelines)可以实现Web应用内存的使用情况的可视化检查以及绘制时堆分配的时间快照。这些工具能够帮助开发者更好地定位优化Web应用的内存性能问题。 更快的采样分析器(?)当调试工具被禁用时,新版的Javascript分析器在高分屏下执行代码进行采样,有着更高性能。这让脚本可以全速即时编译和运行,使记录的运行时间更加准确。 Native APIs在Web上调用Apple Pay功能使用Apple Pay,开发者可以为用户提供更安全、更便捷的支付环境来进行购物体验,用户只需要在iPhone上通过Touch ID或者Apple Watch就可以完成支付。为了能够在网页上调用Apple Pay功能,你可以点击ApplePay JS Framework Reference了解更多。 WKWebView 页面预览行为
Safari视图控制器在iOS 10,Safari视图控制器允许为视图栏的背景自定义颜色。再加上在iOS 9时已经允许可以为UI控制元素自定义颜色,开发者可以通过完全地自定义Safari视图控制器外观,给予用户更好的统一外观的app内置应用设计体验。 WKWebView中的键盘展示在iOS 10,在键盘呼出时,应通过更新WKWebView对象的 Safari 应用插件现在你可以写OS X原生Safari应用插件并把它放到Apple Store上挣钱。之前给 iOS 写的广告拦截器(Content Blockers) 还可以很轻松地导出成 OS X 版本,作为Safari的插件。同时,注入的脚本和应用的样式也可以应用到Web内容中。 出处: 凹凸实验室 |