【浏览器】Chrome 88 新功能解读
共 2923字,需浏览 6分钟
·
2021-02-14 02:10
CSS aspect-ratio 属性
aspect-ratio
属性对应的就是 Aspect Ratio
,它的意思就是宽高比,也常称为 纵横比,是几何形状在不同尺寸的比值。举个例子,当矩形方向为横向时的宽高比值,是其长边与短边的比率。常会用来描述图像或屏幕的宽度和高度的比率。通常表示为 x:y
或 x × y
,其中的 冒号 和 乘号 表示中文的 比 之意。
就拿 16:9 来说,第一个数字总是指 宽度,第二个数字是指 高度。如果图像的比例与屏幕的比例不同,你可能无法看到整个图像。如果屏幕比图像窄,图像就不能合适地放入。
在以前,只有某些特定的元素具有长宽比,例如 image
。这时我们仅指定宽度或高度,元素会根据固有长宽比自动计算另一个。
<img src="..." style="width: 800px;">
在 Chrome 88
中, aspect-ratio
属性可让你显式指定宽高比,从而实现类似的行为。
.square {
aspect-ratio: 1 / 1;
}
大幅限制链式 JavaScript 定时器
Chrome 88
将在特定情况下大幅限制隐藏页面的链式 JavaScript
计时器。这将减少CPU使用率,也将减少电池使用率。
如果你在一个 setTimeout
里调用了同一个 setTimeout
,这就相当于链式调用了:
let chainCount = 0;
function setTimeoutChain() {
setTimeout(() => {
chainCount++;
console.log(`This is number ${chainCount} in the chain`);
setTimeoutChain();
}, 500);
}
在 Chrome 88
中,当以下所有的条件都成立时,你的 setTimeout
调用就会被节流限制:
该页面已经隐藏 5 分钟以上(用户当前打开了其他的页面) 你链式调用的计数是 5 或更多次 该页面已经静音 30 秒以上 未使用 WebRTC
在满足这种情况下,浏览器将每分钟检查一次定时器,你定时器里的逻辑也会在每分钟内分批处理。Chrome
官方推荐使用 setInterval
来解决这个问题。
默认启用 noopener
class="" href="https://developers.tiktok.com/?refer=tiktok_web" target="_blank">TikTok for Developers</a>
如果你的 a 标签只是有一个 target="_blank"
属性,打开新窗口后,新页面能通过 window.opener
获取到来源页面的 window
对象,如果跳转到一个恶意页面,它可能会恶意读取你的一些信息,甚至进行钓鱼攻击。
为了符合 HTML
标准的更改,默认情况下如果你的 a 标签有 target="_blank"
,现在会默认开启 rel="noopener"
。
V8 支持非回溯 RegExp 引擎
由于 V8
中的 RegExp
引擎默认使用的是 NFA引擎,NFA引擎是用表达式去匹配文本,而表达式又有若干分支和范围,一个分支或者范围匹配失败并不意味着最终匹配失败,正则引擎会去尝试下一个分支或者范围,NFA引擎的核心特点就是会发生回溯。
回溯可不是个好东西。想象一下,面前有两条路,你选择了一条,走到尽头发现是条死路,你只好原路返回尝试另一条路。这个原路返回的过程就叫回溯,它在正则中的含义是吐出已经匹配过的文本。
你可以使用下面的正则在 Chrome 控制台进行测试:
document.cookie)/>/g);
虽然只是简单的一段正则,但是由于它的分支过多,会引起大量的回溯,从而导致你的浏览器卡死。
为了解决这个问题,从 v8.8
开始,V8附带了一个新的实验性非回溯 RegExp
引擎,它可以保证在字符串长度变大的情况下保持线性的时间变化:
![](https://filescdn.proginn.com/97f6bf7327424d6ecdf00071916c84bb/2665c981f34ea2693c34a0e607f4cb4e.webp)
你可以通过下面的方式配置新的 RegExp 引擎:
--enable-experimental-regexp_engine-on-excessive-backtracks
:在过多的回溯上启用对非回溯引擎的回退。--regexp-backtracks-before-fallback N
:(默认N=50000
)指定了多少回溯被视为过多,即何时进行回退。--enable-experimental-regexp-engine
直接启用非回溯RegExp
引擎。
Manifest v3
![](https://filescdn.proginn.com/d3581fe5f6e48cefd62af18ca7d2fca5/6356f04347b4d3daa0b9caec6dafddc5.webp)
Chrome 88
现在支持使用 Manifest v3
构建的扩展程序,用户可以将其上传到 Chrome
网上应用店。Manifest v3
是一个新的扩展平台,默认情况下可使 Chrome
扩展更安全,更高效,更尊重隐私。
Manifest v3 不允许使用远程托管的代码,这可以帮助 Chrome Web Store 审核人员更好地了解扩展程序带来的风险,并且应该允许你更快地更新扩展。
完全禁用 FTP
![](https://filescdn.proginn.com/ad2506c0aab350f896655b5ef55ed12c/1409f3c81e4d6ab798d0bec6c205376a.webp)
从 86 版本开始,Chrome
开始了禁用 FTP
的过程,到 88 版本发布后,FTP 被完全禁用:
Chrome 86
:默认情况下,大多数用户仍启用FTP
,但对于pre-release channels
禁用了FTP
,并且将对稳定用户的百分之一进行实验性关闭。在此版本中,用户可以使用--enable-ftp
命令或--enable-features=FtpProtocol
从命令行重新启用它 。Chrome 87
:默认情况下,百分之五十的用户将禁用FTP
支持,但可以使用上面列出的 flag 启用FTP
支持。Chrome 88
:FTP
支持被完全禁用
完全禁用混合内容下载
![](https://filescdn.proginn.com/2b9d9d10c618ce3e34754e650c79cb67/746a0fa1b50b55a54567f0e9ebb9139c.webp)
如上面的过程,从 81
版本开始, Chrome 开始阻止混合内容的下载,并在各个版本开启不同文件类型的阻止,到 Chrome 88
版本,所有文件类型的混合内容下载被完全阻止。
当用户正在访问一个以 HTTPS 开头的网页,但文件是从一个以 HTTP 开头的 URL 下载的。Chrome 将这些情况视为 “混合”和 “不安全”下载。
完全禁用 flash
![](https://filescdn.proginn.com/b05a36e45af328f16ba982e19b09f33b/e6382d919e01e67f7fbb674f05fc3fc8.webp)
Chrome
在 83
版本对用户使用 flash 开启了进一步提示,比如如果提示激活 Flash
插件时并导致状态更改,将会再次给予警告。
2020 年 12 月 31 日,Flash 达到了正式的生命终点,Adobe 正式停止支持该软件。1 月 12 日,Adobe 开始直接阻止 Flash 内容播放。
移除 Web Components v0 支持
从 Chrome 88 版本开始,不再支持 Web Components v0
,Chrome 使用 Web Components v1 API
替代了 Web Components v0
,并且 Safari、Firefox、Edge
都支持了这项改动。
欢迎关注「前端杂货铺」,一个有温度且致力于前端分享的杂货铺
关注回复「加群」,可加入杂货铺一起交流学习成长