Chrome 90中的新品

2021-04-16 00:48:44

Chrome 90现在开始推出稳定,以纪念Chrome 90,视频是' 90s风格。享受!

我' m pete leepage,我'在Chrome 90,Doin&#39中有411次。它1990年' style!

CSS都是那样的,一袋筹码!但是,我认为每个Web开发人员都看到并经历过某些时候令人尴尬的东西。在CSS上有一个很棒的帖子,关于处理溢出的不同方式,例如,使用溢出:隐藏或自动。

在CSS溢出规范中,有一个与隐藏类似的新剪辑属性。

使用溢出:剪辑使您可以防止框中的任何类型的滚动,包括程序滚动。这意味着框不被视为滚动容器;它不会启动新的格式上下文,这使其能够更好地性能而不是溢出:隐藏。如果您需要,可以通过溢出-x和溢出-y将剪辑应用于单轴。

哦,和Fyi - 还有overflow-clip-andgin,它允许您展开剪辑边框。这对于应该可见的墨水溢出的情况有用。

回到Chrome 74中,我们介绍了该功能策略API,它允许您选择性启用,禁用和修改浏览器中某些API和Web功能的行为。这些策略是您与浏览器之间的合同。他们向浏览器通知您的意图是什么。

如果您的代码或使用的任何第三方库违反了预选的规则,则浏览器将覆盖更好的UX或者只是说,"与手交谈,"完全阻止API。

从Chrome 90开始,功能策略API将重命名权限策略,HTTP标题已与其命名。与此同时,社区已根据HTTP的结构化字段值解决新的语法。

如果您'重新享受如何在网站上使用此操作,请签署介绍功能策略。

Shadow DOM是Web组件标准的一部分,提供了一种方法来扩展CSS样式到特定的DOM子树,并将该子树从文档的其余部分隔离。到目前为止,使用Shadow DOM的唯一方法是使用JavaScript构造阴影根。

const host = document。 GetElementById('主持人'); const opts = {mode:'打开' }; const scrouproot = host。 attachshadow(选择); const html ='< h1> hello shadow dom< / h1>' ; Madowroot .innerhtml = HTML;

这适用于客户端渲染,但在服务器端渲染中没有很好,其中没有内置的方式来在服务器生成的HTML中表达卷影根。但是,从Chrome 90开始,与陈述暗影DOM,你'好好去。您只能使用HTML创建影子根。

声明式阴影根是一个<模板>带有madowroot属性的元素。由HTML解析器检测到的IT&#39 s,并立即应用为其父元素的阴影根。

这为我们提供了静态HTML中的阴影DOM'封装和插槽投影的好处。不需要JavaScript生成整个树,包括阴影根。

为了帮助提高隐私,甚至加载速度,即访问支持HTTPS的网站,Chrome' S地址栏将使用HTTPS://默认情况下。如果您没有设置从HTTP到HTTPS的自动重定向,现在将是一个很好的时间。

AV1编码器在Chrome桌面上运输,专门针对WebRTC集成进行视频会议进行了优化。

这只涵盖了一些关键的亮点。检查下面的链接以获取Chrome 90中的其他更改。

希望与我们的视频保持联系,然后订阅我们的Chrome开发人员YouTube频道,您' LL在推出新视频时获得电子邮件通知。

我' m pete leepage,一旦Chrome 91被释放,我就在这里告诉你什么'在Chrome中新的

在20世纪90年代在Chrome中的新闻集中剧集我拍摄了很多乐趣。感谢Sean Meehan的想法,并带来一个帮助开放时间扭曲到1990年的惊人人物。

当然,Loren Borja,Lee Carruthers和Lukas Helcek谁在Chrome视频中工作的所有新手,让我看起来比我实际上的更好。 谢谢你!