- 用户现在可以选择蓝牙低功耗设备来连接到使用 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 借给我他的衬衫!我的衣柜出了点故障。