Chrome 53 Beta一些有意思的改动
原文链接: 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而被废弃。
TextEncoder API不再接受参数并且只会使用utf-8来进行编码。
因为最新的安全政策,通过赛门铁克公司办理的新的许可或者和赛门铁克公司有关联的证书在chrome中都不再被信任,除非同时具备证书信息透明。
Posted by Hayato Ito, Shadow DOM Chaffeur
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hhcc12kjbcb
Chrome 53 Beta一些有意思的改动的更多相关文章
- 5月23日Google就宣布了Chrome 36 beta
对于开发人员来说,本次更新的重点还有element.animate().HTML Imports.Object.observe()的引入,以及一个改进后的throttled async touchmo ...
- Chrome 37 Beta: 使用Windows的DirectWrite和支持<dialog>元素
今天的Chrome Beta 发布版包含了许多新的开发者特性.这些特性帮助你制作更丰富的.更迅速的和更引人入胜的网页内容以及应用程序,尤其是移动设备上.除非特别指出,否则下面描述的变化对Android ...
- chrome49 新特性 chrome.org转载
Transitioning from SPDY to HTTP/2 Thursday, February 11, 2016 Last year we announced our intent to e ...
- 【原创】Chrome最新版(53-55)再次爆出BUG!
前言 今年十月份,我曾发布一篇文章<Chrome53 最新版惊现无厘头卡死 BUG!>,不过那个BUG在最新的 Chrome 54 中已经修正. 而今天即将发布的Chrome弱智BUG: ...
- chrome调试、移动端调试
chrome 32版本后,添加 DevTools for Mobile 插件就可远程手机调试 DevTools for Mobile插件安装https://support.google.com/chr ...
- Chrome 浏览器各版本下载大全
随着最近64位版本的 Chrome 浏览器正式版的推出,Chrome 浏览器再次受到广大浏览迷的重点关注,今天我们就整理一下各版本的 Chrome 浏览器 32位及64位的下载地址,方便各位浏览迷选择 ...
- 修改Chrome的User Agent的方法 真实有效
如何修改Chrome的User Agent: 通过网络上查找,修改Chrome的Usre Agent有3种方式,但有的方式是不起作用的. 给Chrome添加启动参数(有作用) 通过扩展-User-Ag ...
- Chrome 浏览器各版本下载大全【转载】
随着最近64位版本的 Chrome 浏览器正式版的推出,Chrome 浏览器再次受到广大浏览迷的重点关注,今天我们就整理一下各版本的 Chrome 浏览器 32位及64位的下载地址,方便各位浏览迷选择 ...
- Google Chrome等浏览器不允许关闭点击跟踪??
hrome.Safari.Opera 和 Microsoft Edge 的新版本将不再允许用户关闭“链接审计( hyperlink auditing)”的功能.链接审计是一项 HTML 标准,被用于跟 ...
随机推荐
- 《MySQL实战45讲》个人笔记-基础篇
拜读了林晓斌大佬的<MySQL实战45讲>,特意做个知识点总结,以便后期回忆. 01.基础架构:一条SQL查询语句是如何执行的? Server 层包括连接器.查询缓存.分析器.优化器.执行 ...
- JAVA String、StringBuilder、和StringBuffer的区别,及如何使用
目录 String类 一.String类的理解和创建对象 二.String类创建的方式 两种创建String对象的区别 测试题 三.String常用方法 四.StringBuffer类 1.Strin ...
- 基于idea做java程序的本地k8s调试-skaffold(一)
先介绍下本篇文章是基于ideas下开发微服务的场景,大家都知道微服务嘛,一个个微的服务...很多,先不谈调试,要跑起来都费力,可能的原因有: 环境变量的配置,如果多个项目穿插着来,env变量可能废了, ...
- think php 修改页面
表单页面 <a href="/examtest/test/edit/id/{$v['id']}">修改</a> <a href="/exam ...
- petite-vue源码剖析-优化手段template详解
什么是<template>元素? <template>是2013年定稿用于提供一种更统一.功能更强大的模板本存放方式.具体表现为 通过<template>元素属性c ...
- 制作自己的rpm包,并为其制作patch包。
本文分为两个部分,第一部分是制作一个简单的自己的rpm包,并安装运行它.第二部分是为其制作一个patch包,并通过spec配置文件去打补丁,安装.运行打补丁后的程序. 一.安装工具 [yh@local ...
- boxcox1p归一化+pipeline+StackingCVRegressor
找到最好的那个参数lmbda. from mlxtend.regressor import StackingCVRegressor from sklearn.datasets import load_ ...
- ArcGIS对进行数据拓扑修改
空间数据处理--题目1 土地利用数据每年都在发生变化,故每年都要根据去年的数据进行修改.请根据以下要求,修改A区域的数据并对B区域已做好的数据进行拓扑检查. 一. 数据说明(见"题目1&qu ...
- 记一次解决关机蓝屏 | MULTIPLE_IRP_COMPLETE_REQUESTS | klflt.sys
已经解决蓝屏问题,原因是卡巴斯基安全软件驱动导致,需要卸载卡巴斯基安全软件,详细过程如下. 一.关机时蓝屏 Win10系统,在关机动画快结束时突然蓝屏,提示:你的设备遇到问题,需要重启,终止代码:MU ...
- Kafka的优秀设计学习
一.Kafka基础 消息系统的作用 应该大部份小伙伴都清楚,用机油装箱举个例子 所以消息系统就是如上图我们所说的仓库,能在中间过程作为缓存,并且实现解耦合的作用. 引入一个场景,我们知道中国移动,中国 ...