- 用户现在可以选择蓝牙低功耗设备连接到使用 Web Bluetooth API 的网站。
position: sticky
回归了 - 可让您轻松创建可正常滚动至固定到视口顶部的元素。- 默认情况下,系统会为所有用户启用 HTML5。
我是 Pete LePage,一起来深入了解下,看看 Chrome 56 会为开发者带来哪些新功能。
Web Bluetooth API
到目前为止,使用蓝牙设备的用户必须安装原生应用才能与这些设备通信。借助 Chrome 56,用户可以选择附近的蓝牙低功耗设备,为使用 Web Bluetooth API 的网站提供内容。
与选择要与网站共享的文件类似,这种方式比安装可从任何内容读取数据的原生应用更安全。用户可以完全控制与特定网站共享的时间以及共享设备。
Web Bluetooth API 使用 GATT 协议,借助此协议,应用只需几行 JavaScript 即可连接到灯泡、玩具、心率监测器、LED 显示屏等设备。网络蓝牙还可与物理网络信标结合使用,让发现附近的设备变得更加轻松。
Francois 有一篇关于更新的精彩文章,请务必查看一些配套的演示。
CSS position: sticky;
以前,要构建能够正常滚动至固定到视口顶部的内容标题,您需要监听滚动事件,并将元素的位置从相对于指定阈值处的固定位置切换为固定位置。它很难同步,并且常常会导致视觉上出现小的跳跃。
Chrome 现在支持 CSS position: sticky;
,这是一种定位元素的新方式。
固定位置元素在开始时是相对的;但在元素达到某个滚动位置后,便会变成固定位置。
只需设置 position: sticky
,并设置阈值使其变为黏度即可。
h3 {
/* Element will be 'fixed' when it ... */
position: sticky;
/* ... is 10px from the top of the viewport */
top: 10px;
}
Paul Kinlan 有一篇关于此问题的最新动态博文。
默认情况下使用 HTML5
去年 8 月,我们宣布将改为默认改用 HTML5,以提供更安全、更省电的体验。除非用户指明需要在特定网站上播放 Flash 内容,否则这项变更会停用 Adobe Flash Player,并且最终所有网站都将需要用户的许可才能运行 Flash。
在 Chrome 56 中,系统默认为所有用户启用 HTML5,这意味着,系统会提示他们在其从未访问过的网站上运行 Flash。
详细了解系统如何以及何时提示用户,以及有关如何测试 Flash 网站的建议。
其他数据
当然还有许多其他功能。
- WebVR 以源试用的形式提供。
- WebGL 2.0 API 现已发布。
- Payment Request API 具有各种新功能。
如果您想及时了解 Chrome 的最新动态并了解即将推出哪些新功能,请务必订阅、在 Twitter 上关注 @ChromiumDev,并务必观看 Chrome 开发者峰会的视频,更深入地了解 Chrome 团队正在做的一些精彩工作。
我叫 Pete LePage
Chrome 复活节彩蛋的新变化
如果您读到这里,就应该看看 Chrome 52 中的新功能的 blooper 短片集!我感觉每次张开嘴巴时,卡车会开过来,直升机飞过来,汽车会发出喇叭声。
哦,我非常感谢 Andrew 借给我的衬衫!我的衣橱有点问题