资讯专栏INFORMATION COLUMN

Chrome 53 Beta一些有意思的改动

W_BinaryTree / 3151人阅读

摘要:那些嵌入了第三方内容的站点需要确保引入的样式不会影响到已有的应用。这项技术提高了那些大型或者有很多组件站点的可维护性。相较于有一些重大变化,并且已经得到主要的浏览器厂商的认可。为支持添加了响应头支持的而被废弃。

原文链接: http://blog.chromium.org/2016...
译者:Icarus
邮箱:xdlrt0111@163.com

如果没有特殊说明的话,以下都是应用在Android,Chrome OS,Linux,Mac和windows上最新发布的Chrome beta版上的特性。

Shadow DOM V1

HTML, CSS和JavaScript是非常强大的开发语言,但是在代码规模非常大的时候他们难以维护。那些嵌入了第三方内容的站点需要确保引入的样式不会影响到已有的应用。Chrome 53支持了Shadow DOM V1,它允许将一个元素的样式和子DOM节点封装在一起而不会影响主要的文档结构。这项技术提高了那些大型或者有很多组件站点的可维护性。Shadow DOM V1相较于V0有一些重大变化,并且已经得到主要的浏览器厂商的认可。Chrome直到足够数量的开发者使用V1之前,会同时支持这两个版本的API。shadow root的表现取决于创建时使用的哪一个版本的API。

PaymentRequest API

在浏览器中完成支付对于用户来说是很不方便的,会导致站点非常低的用户转化率。尽管自动填充大大简化了信息填写,在移动端有效率地填写数据仍然是一个问题。PaymentRequest可以在你使用信用卡或者Android Pay的支付的时候,实现无缝并且更快更安全的支付体验。它同样可以在不需要输入的情况下提供用户的账单地址,物流信息和付款者的信息。PaymentRequest已经在Android的chrome上可用,不久也会支持其它平台。

在Andorid中的chrome里播放无声的视频

视频对很多站点来说是一个接近用户的极佳途径,但是如果视频意外的播放就会惹人烦。这在移动端是很常见的,因为用户可能处于一个不希望有声音的环境中。Android中的chrome现在允许在没有交互的情况下播放无声的视频。如果这个视频被标记为无声的并且有自动播放的属性,Chrome会在视频进入用户视野的时候开始播放。开发者也可以使用脚本在没有交互的情况下播放无声的视频。开始播放声音之前的用户操作将自动暂停无声的视频。

其他特性

站点在给搭载了Android6.0及以后版本的系统中发送通知时,状态栏中chrome的logo可以自定义。

通知对象现在可以为查看通知的按钮和震动模式提供getter方法。

对于已经设置了“探测和运行重要的插入内容”的用户,跨域插入内容小于5X5像素的不再加载。

展示许可沙盒标志允许站点控制一个ifame是否可以向外部设备展示信息。

在文本框元素上pattern属性的值现在使用unicode flag来改善语法检查和其它正则表达式的效率。

如果祖先的opacity属性小于1时,3D元素会被变成平面。

为了避免视觉残影,所有内容在它的缩放变化时重新被扫描,除了具有will-change这一CSS属性的内容。

低通和高通二阶滤波器现在支持更多的过滤方式。

--webkit-filter现在是一个无前缀filter属性的别名,表现和filter一样。

--webkit-user-select属性现在支持一个all属性,可以强制选中包括选中元素及其所有后代元素。

web端的蓝牙API已经在一些平台开始试验性使用,它允许站点使用蓝牙通用属性配置文件(GATT)来和附近的设备进行通信。

text-size-adjust属性允许站点控制在移动设备上字体的默认缩放。

废弃功能以及互用性提高

脚本生成的事件不再触发默认行为,提高了灵活性和浏览器的互用性。

HTTP/0.9为支持添加了响应头支持的HTTP/1.0而被废弃。

出于安全考虑,随着在M51中被废弃,TLS中Diffie-Hellman加密方式被移除。

TextEncoder API不再接受参数并且只会使用utf-8来进行编码。

因为最新的安全政策,通过赛门铁克公司办理的新的许可或者和赛门铁克公司有关联的证书在chrome中都不再被信任,除非同时具备证书信息透明。

Posted by Hayato Ito, Shadow DOM Chaffeur

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80102.html

相关文章

  • Chrome 53 Beta一些意思改动

    摘要:那些嵌入了第三方内容的站点需要确保引入的样式不会影响到已有的应用。这项技术提高了那些大型或者有很多组件站点的可维护性。相较于有一些重大变化,并且已经得到主要的浏览器厂商的认可。为支持添加了响应头支持的而被废弃。 原文链接: http://blog.chromium.org/2016...译者:Icarus邮箱:xdlrt0111@163.com 如果没有特殊说明的话,以下都是应用在An...

    lifefriend_007 评论0 收藏0
  • Chrome 53 Beta一些意思改动

    摘要:那些嵌入了第三方内容的站点需要确保引入的样式不会影响到已有的应用。这项技术提高了那些大型或者有很多组件站点的可维护性。相较于有一些重大变化,并且已经得到主要的浏览器厂商的认可。为支持添加了响应头支持的而被废弃。 原文链接: http://blog.chromium.org/2016...译者:Icarus邮箱:xdlrt0111@163.com 如果没有特殊说明的话,以下都是应用在An...

    galaxy_robot 评论0 收藏0
  • Chrome 53 Beta一些意思改动

    摘要:那些嵌入了第三方内容的站点需要确保引入的样式不会影响到已有的应用。这项技术提高了那些大型或者有很多组件站点的可维护性。相较于有一些重大变化,并且已经得到主要的浏览器厂商的认可。为支持添加了响应头支持的而被废弃。 原文链接: http://blog.chromium.org/2016...译者:Icarus邮箱:xdlrt0111@163.com 如果没有特殊说明的话,以下都是应用在An...

    dmlllll 评论0 收藏0
  • 前端每周清单第 53 期:Go 与 WebAssembly, React Suspense 演练,

    摘要:开发教程步步为营,掌握基础技能发布机器学习速成课程为了帮助更多的人了解与学习机器学习相关的知识技能,发布了人工智能学习网站。更多相关内容参考数据科学与机器学习实战手册。 showImg(https://segmentfault.com/img/remote/1460000013586587); 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热...

    lbool 评论0 收藏0
  • 从观麦前端框架角度看css

    摘要:上兼容微信浏览器和浏览器,支持的版本随系统版本。主要在微信浏览器内访问。移动端高清屏框架用的方法是方法。当然就需要框架考虑的东西更多了。只要管理好对话框的即可。对话框弹起关闭都发出事件通知到背景即可。 兼容 pc web:比如 MA Station。基于chrome,可以手机访问(需要业务做适配)。 android 上兼容 微信浏览器 和 QQ浏览器,safari 支持 iOS > 8...

    darkerXi 评论0 收藏0

发表评论

0条评论

W_BinaryTree

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<