- 用户现在可以选择蓝牙低功耗设备来连接到使用 Web Bluetooth API 的网站。
position: sticky
已回归,可让您轻松创建在正常滚动到视口顶部后会粘住的元素。- 并且为所有用户启用默认使用 HTML5。
我是 Pete LePage,让我们深入了解 Chrome 56 中面向开发者的新功能。
Web Bluetooth API
到目前为止,拥有蓝牙设备的用户必须安装原生应用才能与其通信。在 Chrome 56 中,用户可以选择附近的低功耗蓝牙设备,以提供给使用 Web Bluetooth API 的网站。
这与选择要与网站共享的文件类似,比安装可以从任何内容读取数据的原生应用更安全。用户可以完全控制何时与特定网站共享哪些设备。
Web Bluetooth API 使用 GATT 协议,可让应用只需几行 JavaScript 即可连接到灯泡、玩具、心率监测器、LED 显示屏等设备。Web Bluetooth 还可以与实体 Web 信标结合使用,以便更轻松地发现附近的设备。
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,以提供更安全、更省电的体验。此更改会停用 Adobe Flash Player,除非用户指明他们希望在特定网站上使用 Flash 内容,最终所有网站都需要用户的许可才能运行 Flash。
在 Chrome 56 中,已为所有用户启用“默认使用 HTML5”,这意味着系统会提示用户在从未访问过的网站上运行 Flash。
详细了解系统会如何以及何时向用户显示提示,以及有关如何测试 Flash 网站的建议。
等等
当然,还有许多其他功能。
- WebVR 提供作为起源试用版。
- WebGL 2.0 API 现已发布。
- Payment Request API 还提供了多项新功能。
如果您想及时了解 Chrome 的最新动态并了解即将推出的功能,请务必订阅,在 Twitter 上关注 @ChromiumDev,并务必观看 Chrome 开发者大会的视频,深入了解 Chrome 团队正在开发的一些出色功能。
我是 Pete LePage,Chrome 57 发布后,我会立即为您介绍 Chrome 中的新变化!
Chrome 彩蛋中的新内容
如果您已阅读到此处,那么您应该有资格观看 Chrome 52 中的新功能的幕后花絮视频!每次我张开嘴,就会有卡车开过、直升机飞过、汽车鸣喇叭。
哦,非常感谢 Andrew 借给我他的衬衫!我的衣柜出了点故障。