专栏名称: 谷歌开发者
Google中国官方账号。汇集Android, Chrome, Angular等移动和网络开发技术、Google Play和AdMob等开发者成长、优化和变现平台。
目录
相关文章推荐
51好读  ›  专栏  ›  谷歌开发者

Chrome 56 Beta 新特性

谷歌开发者  · 公众号  · 科技媒体  · 2016-12-18 19:17

正文





文|Google 网络蓝牙矫正师 Vincent Scheib


除非另外注明,否则,下面介绍的更改均适用于最新 Chrome Beta 渠道版(Android、Chrome 操作系统、Linux、Mac 和 Windows)。



HTTP 密码和信用卡页面的“Not Secure”警告

为帮助用户安全地浏览网页,Chrome 通过地址栏中的一个图标指示连接的安全性。过去,Chrome 未将 HTTP 连接明确标记为不安全。从 56 版开始,Chrome 将把收集密码或信用卡信息的 HTTP 页面标记为不安全页面,这是将所有 HTTP 网站都标记为不安全网站的长期计划的一部分。该功能将在未来几周逐步推出。


为避免被标记为不安全,网站应使用 HTTPS 保护流量的安全并遵循一般安全性指导原则。



访问采用 HTTP 连接的网站时在 Chrome 网址栏中出现“Not Secure”警告



网络蓝牙


网站现在可以利用 Web Bluetooth API 在 Android、Chrome 操作系统 以及 Mac 上与低功耗蓝牙 (BLE) 设备进行交互。Web Bluetooth API 采用 GATT 协议,网站开发者只需编写几行 JavaScript 代码,便可连接到打印机和 LED 显示器等蓝牙设备。网络蓝牙还可与实物网信标相结合,用于发现和控制附近的设备。


作为入门指南,请查阅 GitHub 上的这些示例和演示:

googlechrome.github.io/samples/web-bluetooth/index.html

github.com/WebBluetoothCG/demos



CSS position: sticky

Chrome 现在支持 CSS position: sticky 这种全新的元素定位方式。position: sticky 元素采用相对定位,但会在用户到达某个滚动位置时变为 position: fixed。




在之前的版本中,如果希望构建的内容标头可在固定到视口顶部前保持正常滚动,就需要侦听滚动事件,然后按指定阈值将元素的定位方式从 relative 切换到 fixed。这种方法难以同步,因此视觉效果上的改善不大。现在,用户只需将元素以 sticky 形式进行定位,便可获得想要的效果。



此版本中的其他特性

  • Android 上新增的 Remote Playback API 可让网站在智能 TV 和音响设备上启动和控制 HTMLMediaElement 的播放。

  • WebVR API 在 Android 上以来源试用版形式提供,让开发者能够在网络上打造虚拟现实体验。

  • WebGL 2.0 API 默认情况下在桌面设备平台上处于启用状态,能够通过 元素提供 OpenGL ES 3.0 级别的渲染能力。

  • 如果用户未与网站进行大量交互,navigator.plugins 和 navigator.mimetypes 中就不再公布对 Adobe Flash 的支持,但用户可单独针对某个网站重新启用 Flash 体验。

  • 网站现在可以利用图像采集来源试用版拍摄照片以及配置缩放之类的相机设置。







请到「今天看啥」查看全文