谷歌公司再出大招,Chrome 新版本发布

news2024/11/18 0:41:37
导读您在用什么浏览器呢?Chrome 55 Beta 发布了,是不是很期待让我们一起来看看都有哪些方面的技术改进和变化呢?

主要内容如下:

1、输入处理改进

随 着移动网络使用的普及,网站对触摸输入做出良好反应的重要性也日益增加。在过去,这意味单独处理 MouseEvent 和 TouchEvent,而这种方式可能难以维护。现在,Chrome 通过分派 PointerEvents 事件,支持统一的输入处理方式。默认情况下,PointerEvents 不会阻止滚动,因而页面响应更迅速。为使用 TouchEvent 实现相同的性能,页面可以使用被动事件侦听器。
Chrome 现在还支持两种全新的输入响应方式。touch-action CSS 属性让网站能够响应手势,例如平移。对于鼠标按钮,新的 auxclick 输入事件类型允许网站管理非主要按钮的点击行为。

2、Async 和 await

异 步 JavaScript 可能比较难以推导。Promise 可帮助避免回调嵌套问题,但是,当网站存在大量异步依赖时,基于 Promise 的代码仍可能难以读取。Chrome 现在支持 async 和 await JavaScript 关键字,允许开发者编写基于 Promise、可加以结构化并以同步代码形式读取的 JavaScript。
提取 URL 并使用 Promise 记录响应:

  1. function logFetch(url) {
  2. return fetch(url)
  3. .then(response => response.text())
  4. .then(text => {
  5. console.log(text);
  6. }).catch(err => {
  7. console.error('fetch failed', err);
  8. });
  9. }

使用 async 和 await 的相同代码:

  1. async function logFetch(url) {
  2. try {
  3. const response = await fetch(url);
  4. console.log(await response.text());
  5. }
  6. catch (err) {
  7. console.log('fetch failed', err);
  8. }
  9. }

3、CSS 自动断字

对 于各种设备和屏幕尺寸,要设置文本格式以使其填充可用空间可能都是一项挑战。Chrome 现在支持 CSS 自动断字,这是 Android 版和 Mac 版 Chrome 最常请求的布局功能之一。CSS 断字允许浏览器在自动换行时用连字号断字,从而提升文本块的视觉一致性。在未来版本中,断字支持将扩展到其他平台。

4、此版本中的其他特性

  • once 事件侦听器选项支持仅在移除事件侦听器之前调用一次回调。
  • 现在,网站可以将网络存储标记为永久性存储,从而防止 Chrome 自动清除该网站的存储。
  • 现在,在 Android 系统上,跨源 iframe 需要用户手势方可使用 Web Audio API 启动音频播放,以确保与 <audio> 和 <video> 元素匹配。
  • TLS 协议栈现在实现 GREASE,后者是一种帮助防止因 TLS 服务器存在错误而出现问题的机制。
  • 开发者可以另一种方式使用新的 JavaScript 构造函数创建 MediaStreamTrackEvent。
  • TLS 中已添加 RSA-PSS 签名算法,为 TLS 1.3 做好了准备。
  • 为缩短加载时间,避免导航失败,使用 document.write() 注入的跨源和解析器阻塞脚本将不再通过 2G 连接进行加载。
  • 现在还提供 new AudioNode(context, options) 格式的 AudioNode 构造函数,更易于通过脚本管理音频。
  • 当媒体播放器太窄,无法显示每个按钮时,将显示一个溢出菜单,向用户提供隐藏的功能。
  • 现在,当播放所关联的文件可供下载时,Chrome 媒体控件将显示一个下载按钮。
  • Web Share API 现在可作为来源试用版加以体验。

5、弃用项和互操作性的改善

  • BaseAudioContext 将替代 Web Audio API 中的 AudioContext,以符合规范要求。
  • CSS Clipping Path 属性不再需要 webkit 前缀。
  • 除了现有的 webkitMediaStream,现在还提供 MediaStream 构造函数,并且无需使用前缀。
  • 非脚本 MIME 类型 将不再触发脚本执行。
  • <textarea maxlength=””> 和 <textarea minlength=””> 已经更新为将每个换行符计为一个字符,而非两个字符。
  • webkit 前缀已经从 CanvasRenderingContext2D 的 imageSmoothingEnabled 属性中移除。更多Linux资讯请查看:https://www.linuxprobe.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/192294.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【内网安全】——meterpreter使用攻略

作者名&#xff1a;白昼安全主页面链接&#xff1a; 主页传送门创作初心&#xff1a; 一切为了她座右铭&#xff1a; 不要让时代的悲哀成为你的悲哀专研方向&#xff1a; web安全&#xff0c;后渗透技术每日emo&#xff1a; 再给我一年&#xff0c;好吗&#xff1f;Metasploit中…

点云的降采样

1. 点云深度学习中的新下采样方法 (CSDN) 现在比较常见的下采样算法有&#xff1a;farthest point sampling(PointNet&#xff0c;ShellNet)、random sampling(RandLA-Net)、grid sampling(KPConv&#xff0c;Grid-GCN)等。它们各有特点&#xff1a; farthest point sampling…

JUC并发编程之LinkedBlockingQueue的底层原理

作者简介&#xff1a;专注于研究Linux内核、Hotspot虚拟机、汇编语言、JDK源码、各大中间件源码等等喜欢的话&#xff0c;可以三连关注~LinkedBlockingQueue介绍在JUC包下关于线程安全的队列实现有很多&#xff0c;那么此篇文章讲解LinkedBlockingQueue的实现原理&#xff0c;相…

LeetCode 刷题系列 -- 1026. 节点与其祖先之间的最大差值

给定二叉树的根节点 root&#xff0c;找出存在于 不同 节点 A 和 B 之间的最大值 V&#xff0c;其中 V |A.val - B.val|&#xff0c;且 A 是 B 的祖先。&#xff08;如果 A 的任何子节点之一为 B&#xff0c;或者 A 的任何子节点是 B 的祖先&#xff0c;那么我们认为 A 是 B 的…

The Social Life of Autonomous Cars-自动驾驶汽车与日常生活

目录 自动驾驶汽车与日常生活 Abstract REPURPOSING ONLINE VIDEOS THE SOCIAL ROAD SEEING A GAP AS JUST A GAP SOMETIMES IT’S GOOD TO BE A CREEP THE UNCANNY VALLEY OF AUTONOMOUS CARS References 自动驾驶汽车与日常生活 作者Barry Brown时间06 February 201…

【智慧电力巡检】基于EasyCVR视频技术构建远程监控综合管理平台

一、方案背景电力行业和人民的生活、生产息息相关&#xff0c;一旦电力设施遭遇破坏或工作失误&#xff0c;就会造成大面积停电&#xff0c;其后果不堪设想&#xff0c;尤其是2003年美加“8.14”和2005年莫斯科“5.25”这两起大面积停电事故给我们敲响了警钟。随着电力行业的发…

zookeeper源码分享六 ---- 事物日志

二进制格式设计思想 在二进制格式设计中&#xff0c;其实和json的格式设计类似&#xff0c;也是有套路的。 设计要存储的内容(内容尽可能少&#xff0c;能用数字表示&#xff0c;不用字符串表示)。这些内容的前后顺序&#xff0c;读写都是按照这个顺序来的。 比如&#xff1…

来看看这几个办公技巧吧

技巧一&#xff1a;重复运行命令 当我们需要将一段中的不同单词加粗时&#xff0c;使用替换功能可能不是特别方便。这时可以使用万能的【F4】键进行重复操作。首先选中一个需要加粗的字&#xff0c;点击【加粗】设置完成字体的加粗&#xff1b;然后&#xff0c;选择另一个文本&…

1、python框架selenium

分层的自动化测试 什么样的产品适合做自动化测试&#xff1f; 功能成熟&#xff08;需求变动较小&#xff09; 产品更新维护周期长 项目进度不太大 比较频繁的回归测试 软件开发比较规范&#xff0c;具有可测试性 可以脚本具有可复用性 selenium 技术&#xff1a; 元素定位的…

[基础语法] python语法之列表、判断、循环例子

文章目录购物车案例已发布&#xff1a;整体框架打印商品列表将商品加入购物车打印购物车、计算总金额完整代码另外说明购物车案例 已发布&#xff1a; python判断语句python循环语句python之列表list购物车案例后续暂时不更新&#xff0c;有想要的部分&#xff0c;可以后台留…

11、Servlet——综合案例(Servlet+JDBC):管理员登录

目录 1、在MySQL中新建一个servletdatabase数据库&#xff0c;创建表admin 2、在web中创建登录页面login.html 3、在web中创建CSS文件夹&#xff0c;在CSS文件夹中创建login.css 4、在web下新建注册页面register.html 5、在CSS文件夹中新建register.css 6、在CSS文件夹下新…

文件包含漏洞

数据来源 本文仅用于信息安全的学习&#xff0c;请遵守相关法律法规&#xff0c;严禁用于非法途径。若观众因此作出任何危害网络安全的行为&#xff0c;后果自负&#xff0c;与本人无关。 01 文件包含漏洞概述 简单例子 PHP中的文件包含函数 02 文件包含漏洞类型及利用 本地文…

基于MATLAB的车牌识别系统设计

基于MATLAB的车牌识别系统设计 摘要 随着公路逐渐普及&#xff0c;我国的公路交通事业发展迅速&#xff0c;所以人工管理方式已经不能满着实际的需要&#xff0c;微电子、通信和计算机技术在交通领域的应用极大地提高了交通管理效率。汽车牌照的自动识别技术已经得到了广泛应…

弱网测试利器-Charles工具实战

一&#xff1a;弱网测试要点 二&#xff1a;利用抓包工具charles进行弱网设置&#xff0c;适用PC端和移动端&#xff08;IOS&#xff0f;Android&#xff09; 1、以charles 4.5.6版本为例&#xff0c;打开Proxy->Throttle Settings 2、打开Throttle Settings&#xff0c;界…

实战详细讲解Qt插件plugin的编写与用法

目录 1.Qt的插件是什么&#xff1f;优点是什么&#xff1f; 2.实战项目需求 3. 程序设计分析 4.Qt插件的编写 Q_DECLARE_INTERFACE&#xff08;类名&#xff0c;标识符&#xff09; Q_INTERFACES 5.插件的调用 总结感言&#xff1a; 1.Qt的插件是什么&#xff1f;优点是…

let/const相关的内容(一)

1.let/const的基本使用 在ES5中我们声明变量都是使用的var关键字(variable的缩写)&#xff0c;从ES6开始新增了两个关键字可以声明变量&#xff1a;let、const。 let和const在其他编程语言中都是有的&#xff0c;所以并不是新鲜的关键字&#xff0c;但是他们确实给JS带来了不一…

动态规划设计LeetCode 300. 最长递增子序列 354. 俄罗斯套娃信封问题

&#x1f308;&#x1f308;&#x1f604;&#x1f604; 欢迎来到茶色岛独家岛屿&#xff0c;本期将为大家揭晓LeetCode 300. 最长递增子序列 354. 俄罗斯套娃信封问题&#xff0c;做好准备了么&#xff0c;那么开始吧。 &#x1f332;&#x1f332;&#x1f434;&#x1f434…

【openGauss】把应用开发中的设置客户端字符编码往细了说

前言 早前写过两篇有关Oracle字符集的文章 【ORACLE】谈一谈Oracle数据库使用的字符集,不仅仅是乱码 【ORACLE】谈一谈NVARCHAR2、NCHAR、NCLOB等数据类型和国家字符集 基本说明了 ”数据字符编码“、”客户端字符编码“、”数据库字符编码“三者的关系&#xff0c;这些关系&a…

磨金石教育摄影技能干货分享|年味就是幸福圆满的味道

时光荏苒&#xff0c;时代变迁。以前是古街古巷&#xff0c;现在是高楼大厦。以前的老街&#xff0c;灯笼满街&#xff0c;烟火气十足。现在的城市商业街中霓虹灯可以展示出各种新年的影像。无论时代如何变迁&#xff0c;无论时光走了多远&#xff0c;我们对春节的期待从未改变…

吴恩达机器学习(二)——机器学习之监督模型之回归模型之线性回归模型

y-hat一般指的就是预测值 线性回归模型实例 构建模型 我们有一个房子的大小size&#xff0c;得到房屋价格&#xff08;price&#xff09;&#xff0c;通过这两个常数就可计算一个输入和输出的函数关系。 f w&#xff0c;b(x(i)) wx(i) b i指的是第几个训练数据 评估模型——…