乐趣区

关于前端:即将推出的-chrome-95-新特性❗-从中我们能学到什么❓

jiezi

前言

为什么会想到开始写这类的文章呢?

我想先从大的方向来谈:

Google 坐拥了寰球第一大操作系统 Android 以及寰球第一大浏览器 Chrome，67.14% 市场占有率的 Chrome 几乎能够随心所欲．

人们总是对 Google 亦步亦趋，毕竟这十年里逐步崛起的 Google Chrome 在泛滥的浏览器中曾经无敌手了．

对于前端开发者而言，尽管是乐意看到 Chrome 一统天下的，毕竟谁也忘不了已经被 IE 摆布的恐怖。但垄断并不是一件坏事！因为它大概率会带来技术的停滞，IE 就是一个鲜活的例子。IE 当初脱离规范，造成本人的 API 标准的初衷，就是为了垄断浏览器市场！（大家应该对垄断心怀警觉！）

微软 Edge 浏览器换用 Chromium 内核曾经不是新闻了，Chromium 内核的 Edge 也曾经正式公布，尽管没有通过 Windows Update 推送，但大家能够手动到 Edge 官网下载安装。

开源是一个十分无效的达到合谋的形式，能够迅速的成就一个「虚构的寡头」乃至于造成事实上的垄断。
高举标准、开源 (chromium) 旗号的 Chrome，正在悄悄的成为巨龙．．．

为什么抉择从这个时候开始写呢？

因为从 chrome95 开始，chrome 会每隔 4 周就会更新一个版本。
版本更迭之快，从中咱们能嗅探到很多前沿的技术趋势，以及将来哪些货色会面临淘汰！

我想在之后的每一个大版本更新后, 我都会第一工夫把其中的重要资讯总结进去给与大家一起分享学习!

Chrome 95 测试版于 2021 年 9 月 23 日公布，预计将于 2021 年 10 月下旬成为稳固版本。

新版本个性分享

新增个性

  • EyeDropper API
    EyeDropper API 提供浏览器提供的吸管，用于构建自定义色彩选择器。为 Web 构建的创意应用程序能够受害于从屏幕上的像素中采样色彩的能力。
    这个能够在屏幕的任何中央取色彩哦~ 包含浏览器里面的区域, 它有什么益处呢? 不晓得大家用过 figma，或者蓝湖没有, 诸如此类的 web 端 ui 设计利用, 取色是一个很罕用的性能项（包含咱们平时开发页面时，不须要借用其余工具去别的窗口提取UI给出的设计图某块区域的色彩值，当初通过这个个性就能简略的实现！）

  • self.reportError API
    该全局办法可用于报告谬误控制台或寰球事件处理程序，模仿一个未捕捉的 JavaScript 异样。
    详情

    var newError = new Error("Some error message", "someFile.js", 11);
self.reportError(newError);

window.onerror = function(message, source, lineno, colno, error) {console.log("message:" + error.message + ", lineno:" + lineno);
    return true;
};

self.addEventListener("error", (error) => {console.log(error.filename);
});

// Output
// > "message:Some error message, lineno: 11"
// > "someFile.js"

    此性能次要用于自定义事件调度或回调操作库。库能够应用此性能来捕捉回调代码中的谬误并将它们从新抛出到顶级处理程序。这确保了一个回调中的异样不会阻止其余回调的解决，同时确保堆栈跟踪信息仍可用于顶层调试。

  • URLPattern
    作为一个新的 API，提供操作系统反对，用于将 URL 与提供的模式相匹配。
    详情和 MDN

  • 调试面板中对属性值的便捷批改

    DevTools 增加了一种更简略而灵便的形式来更新 CSS 中的长度！
    在“款式”窗格中，查找任何具备长度的 CSS 属性（例如 height, padding）。
    将鼠标悬停在单位类型上，留神单位类型带有下划线。单击它以从下拉列表中抉择一个单位类型。

    配合 chrome 94 反对中文的个性, 控制台变的越来越不便 😀

  • 改良了 DevTools 命令菜单的 UI

    对于常常在 chrome 中查找页面资源的开发者还是挺有用 (ctrl+P 调出)
    改良前

    改良后

  • 在 Console、Sources 面板和 Properties 窗格中对自定义的属性进行加粗和排序

    <!– –>

    除了这些更改之外，“属性”窗格中的属性当初也被扁平化，以取得更好的 DOM 属性调试体验，尤其是对于[Web components]

    对于 web component 当前有机会我独自拎一篇文章来讲，大家能够查看这里

  • Lighthouse 当初更新到了 8.4

    咱们都晓得, 网站应用体验的三大外围指标 – LCP, FID, CLS

    Lighthouse 当初将检测 LCP 元素是否是惰性加载的图像，并倡议删除它的 loading 属性。

    影响 LCP 的四个因素如下:

    • 较慢的服务器响应工夫
    • 渲染阻塞的 js 和 css
    • 较慢的资源加载工夫
    • 客户端渲染

    因为最近一项 WordPress 中提早加载的最新钻研发现，对于某些站点来说，如果初始视图中的图像没有提早加载，LCP 能够进步 15%。

    详情能够看这里

  • 最新的 lighthouse 反对通过 npm 下载


    通过命令lighthouse https://www.example.com --view

这里我通过百度为例子, 大家替换为本人想测试的站点即可

![](https://gitee.com/wangrongding/image-house/raw/master/images/202110091628536.gif)

删除与弃用

  • 删除了 FTP 反对

    Chrome 正在勾销对 FTP URL 的反对。浏览器中 FTP 的使用率足够低，投资改良现有 FTP 客户端已不再可行。此外，所有受影响的平台上都提供了性能更弱小的 FTP 客户端。

    Google Chrome 72 及更高版本勾销了对通过 FTP 获取文档子资源和出现顶级 FTP 资源的反对。以后导航到 FTP URL 会依据资源类型显示目录列表或下载。Google Chrome 74 及更高版本中的一个谬误导致不再反对通过 HTTP 代理拜访 FTP URL。在 Google Chrome 76 中齐全删除了对 FTP 的代理反对。在 Chrome 86 中，预公布渠道（Canary 和 Beta）的 FTP 反对被敞开，并且实验性地敞开了百分之一的稳固用户，只管它能够通过命令行从新启用. 在 Chrome 87 中，它对 50% 的用户敞开，但也能够通过命令行启用。从 Chrome 88 开始，它只能通过弃用试用版取得，当初已被禁用。

  • FTP 反对当初被齐全删除
    自 Chrome 88 以来，它只通过废除试验提供，但当初曾经齐全勾销了。

  • 反对以数字结尾的非 IPv4 主机名的 URL

    大多数不是无效 IPv4 地址但以数字结尾的主机名都被视为无效，并通过 DNS 查找（例如，http://foo.127.1/）。依据公共后缀列表标准，该 URL 中主机名的 eTLD+1 应为 127.1.  如果将其反馈到 URL 中，则由 URL 标准http://127.1/ 映射到 http://127.0.0.1/，这仿佛具备潜在危险。127.0.0.0.1 也可能被用来蛊惑用户。当初回绝带有这些主机名的 URL。

  • WebAssembly 跨源模块共享

    Chrome 当初不赞成在跨域但同站点的环境之间共享 WebAssembly 模块，以容许代理集群长期作用于源。

  • 弃用 U2F API（加密令牌）

    Chrome 用于与平安密钥交互的旧版 U2F API 已弃用，并在 Chrome 95 中开始弃用试用，其中该 API 默认放弃启用状态，但试用令牌将禁用参加站点的密钥。U2F 平安密钥自身并未被弃用，并将持续无效。

    受影响的站点应迁徙到 Web 身份验证 API。最后通过 U2F API 注册的凭据能够通过 Web 身份验证进行质询。Web Authentication API 也反对 U2F API 反对的 USB 平安密钥。

    U2F 是 Chrome 的原始平安密钥 API。它容许站点在 USB 平安密钥上注册公钥凭据，并挑战它们以构建防网络钓鱼的两因素身份验证零碎。U2F 从未成为凋谢的 Web 规范，而是被 Web 身份验证 API（在 Chrome 67 中启动）所蕴含。Chrome 从未间接反对 FIDO U2F JavaScript API，而是提供了一个名为 cryptotoken 的组件扩大，它公开了一个等效的 chrome.runtime.sendMessage() 办法。U2F 和 Cryptotoken 始终处于保护模式，并在过来两年激励站点迁徙到 Web 身份验证 API。

chrome 删除与弃用个性的历史列表

拜访 ChromeStatus.com 以获取以后弃用和以前删除的列表。

最初

chrome95 开始，chrome 会每隔 4 周就会更新一个版本，对于喜爱尝鲜的同学们，我举荐下载 chrome 测试版或者金丝雀版本来体验最新的个性．
对于一些正在试验中的 API 咱们也能够通过上面这个网站提交注销，或者体验资格

通过填写一些信息后期待审核通过即可，十分的不便！


以上就是我对行将推出的 chrome95 的次要新增个性的分享~ 心愿对你有所帮忙 ~ 😉

我是荣顶，很快乐能在这里和你一起变强！一起 面向高兴编程！ 😉

如果你也十分酷爱前端相干技术！欢送进入我的小密圈 ~ 🦄 扫描下方图片~

退出移动版