2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus、iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经发布的 iOS 9,它们都为前端世界带来了哪些变化呢?作为一个 web 开发者,是时候站在我们的角度来说一说了!
注! 该译文存在大量英文术语,笔者将默认读者知晓 ES6、viewport、native app、webview 等常用前端术语,并不对这些已知术语进行汉语翻译 对于新发布或较新的产品名称与技术术语,诸如 Apple Pen、Split View 等专有名词,笔者将在文中使用其英文名,但会尝试对部分名词进行汉语标注 另外,出于对 wiki 式阅读的偏爱,笔者为您添加了很多额外的链接,方便您查阅文档或出处
简而言之
如果你不想阅读整篇文章,这里为你准备了一个总结:
新的设备特性
- iPhone 6s 与 6s Plus 拥有 “3D Touch”,这是一个全新的硬件特性,它可以侦测压力,是一个可以让你拿到手指压力数据的 API
- iPad Pro 的 viewport 为 1024px,与以往的 iPad 全都不同
- 想在 iPad Pro 上支持新的 Apple Pen?不好意思,目前似乎并没有适用于网站的 API
新的操作系统特性(与 web 相关的)
- iPad 上的 Safari 现在可以通过 Split View(分屏视图)与其他应用一起使用,这意味着新的 viewport 尺寸将会越来越常见
- 新的 Safari View Controller(
SFSafariViewController)可以让你在 native app 内提供与 Safari 界面、行为连贯一致的应用内网页浏览体验 - 注意啦!Safari 新加入了 Content Blocker(内容拦截器)。以后,并不是所有的访问都一定会出现在你的 Google Analytics 了
- Universal Links 可以让应用的拥有者在 iOS 内部“占有”自己的域名。因此,访问 yourdomain.com 将会打开你的应用(类似 Android 的 Intents 机制)
- App Search(应用搜索):现在,Apple 将会抓取你的网页内容(与 native app 内容)用于 Spotlight 与 Siri 的搜索结果,想知道你的标签都兼容吗?
- 你的网站现在可以通过 JavaScript API 访问 iCloud 的用户数据
新的 API 支持
- Performance Timing API 在 iOS 9 得到回归
- 关于 HTML5 Video,你现在可以在支持 Picture in Picture(画中画)的 iPad 设备上提供这项新功能;你的视频甚至可以在 Safari 关闭后继续播