原文链接: 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

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hhcc12kjbcb

Chrome 53 Beta一些有意思的改动的更多相关文章

  1. 5月23日Google就宣布了Chrome 36 beta

    对于开发人员来说,本次更新的重点还有element.animate().HTML Imports.Object.observe()的引入,以及一个改进后的throttled async touchmo ...

  2. Chrome 37 Beta: 使用Windows的DirectWrite和支持<dialog>元素

    今天的Chrome Beta 发布版包含了许多新的开发者特性.这些特性帮助你制作更丰富的.更迅速的和更引人入胜的网页内容以及应用程序,尤其是移动设备上.除非特别指出,否则下面描述的变化对Android ...

  3. chrome49 新特性 chrome.org转载

    Transitioning from SPDY to HTTP/2 Thursday, February 11, 2016 Last year we announced our intent to e ...

  4. 【原创】Chrome最新版(53-55)再次爆出BUG!

    前言 今年十月份,我曾发布一篇文章<Chrome53 最新版惊现无厘头卡死 BUG!>,不过那个BUG在最新的 Chrome 54 中已经修正. 而今天即将发布的Chrome弱智BUG: ...

  5. chrome调试、移动端调试

    chrome 32版本后,添加 DevTools for Mobile 插件就可远程手机调试 DevTools for Mobile插件安装https://support.google.com/chr ...

  6. Chrome 浏览器各版本下载大全

    随着最近64位版本的 Chrome 浏览器正式版的推出,Chrome 浏览器再次受到广大浏览迷的重点关注,今天我们就整理一下各版本的 Chrome 浏览器 32位及64位的下载地址,方便各位浏览迷选择 ...

  7. 修改Chrome的User Agent的方法 真实有效

    如何修改Chrome的User Agent: 通过网络上查找,修改Chrome的Usre Agent有3种方式,但有的方式是不起作用的. 给Chrome添加启动参数(有作用) 通过扩展-User-Ag ...

  8. Chrome 浏览器各版本下载大全【转载】

    随着最近64位版本的 Chrome 浏览器正式版的推出,Chrome 浏览器再次受到广大浏览迷的重点关注,今天我们就整理一下各版本的 Chrome 浏览器 32位及64位的下载地址,方便各位浏览迷选择 ...

  9. Google Chrome等浏览器不允许关闭点击跟踪??

    hrome.Safari.Opera 和 Microsoft Edge 的新版本将不再允许用户关闭“链接审计( hyperlink auditing)”的功能.链接审计是一项 HTML 标准,被用于跟 ...

随机推荐

  1. SpringBoot进阶教程(七十三)整合elasticsearch

    Elasticsearch 是一个分布式.高扩展.高实时的搜索与数据分析引擎.它能很方便的使大量数据具有搜索.分析和探索的能力.充分利用Elasticsearch的水平伸缩性,能使数据在生产环境变得更 ...

  2. net core or Linux

    某用户执行net core sdk 版本不生效 sudo chmod +x /home/username/netcore3.1sdk/dotnet //某个用户执行新版本net core sdk

  3. k8s全方位监控中-常用rules配置

    [root@VM_0_48_centos prometheus]# cat alertmanager-configmap.yaml apiVersion: v1 kind: ConfigMap met ...

  4. 三、Java入门

    Java入门 Java的特性和优势 特性 ​ 简单 ​ 面对对象 ​ 可移植性 优势 ​ 性能高 ​ 分布式(跨平台:Write Once .Run Anywhere) ​ 动态性(反射) ​ 多线程 ...

  5. Linux CentOS7.X-目录操作命令

    一.安装vim 由于安装Centos7MINI版本里面没有vim命令,只有vi命令,所以安装vim命令,默认系统只带了vim-minimal.x86_64包,需要安装其他的3个包才能用vim命令 1. ...

  6. svelte组件:Svelte3自定义Navbar+Tabbr组件|svelte自定义插件

    基于Svelte3自定义组件Navbar+Tabbar沉浸式导航条|底部凸起菜单栏 Svelte 一种全新的构建用户界面的框架.当下热门的 Vue 和 React 在浏览器中需要做大量的工作,而 Sv ...

  7. web自动化之selenium(一)

    自动化搭建环境 1.自动搭建(一) #安装 pip install webdriver-helper 1.1示例 from webdriver_helper import * #get_webdriv ...

  8. python实现解析markdown文档中的图片,并且保存到本地~

    背景 前阵子简书好像说是凉了,搞得我有点小慌,毕竟我的大部分博客都是放在简书上面的,虽然简书提供了打包导出功能,但是只能导出文字,图片的话还是存在简书服务器上面,再加上我一直想要重新做一个个人博客,于 ...

  9. Objects.equals有坑

    前言 最近review别人代码的时候,发现有个同事,在某个业务场景下,使用Objects.equals方法判断两个值相等时,返回了跟预期不一致的结果,引起了我的兴趣. 原本以为判断结果会返回true的 ...

  10. Flask 之 WebSocket

    http:是一个协议 规定:数据传输格式 -/r/n/r/n 一次的请求,一次的响应,断开了 短链接 无状态 服务器收到的请求,做出的响应给客户端 客户端主动向服务器发起请求 基于socket sen ...