首页 > 其他分享 >Chrome 112 发布,删除 Chrome Apps、支持 CSS 嵌套

Chrome 112 发布,删除 Chrome Apps、支持 CSS 嵌套

时间:2023-04-05 11:45:18浏览次数:46  
标签:Chrome Apps 嵌套 监听器 112 color

时隔一个月时间,Google 正式发布了 Chrome 112 版本,该版本删除了 Chrome Apps、支持 CSS 嵌套、改进了 <dialog> 等。

Chrome Apps

过去,Chrome Apps 是一种被视为向用户提供轻量级网站体验的方式。然而,它们从未像浏览器扩展或标准网站那样大受欢迎。

为了跟上时代的变化,改善用户体验,Google 宣布它将用渐进式网络应用程序(PWA)取代 Chrome Apps。随着 Chrome 112 版本的发布,桌面版 Chrome Apps 正式被移除。目前唯一的例外是企业用户,对于这部分用户,到 2025 年 1 月,他们仍然可以继续使用 Chrome Apps。

CSS 支持嵌套

用户最喜欢的 CSS 预处理器功能之一现在已经内置于该语言中:嵌套样式规则。在嵌套之前,每个选择器都需要明确声明,彼此分开。这导致了重复、样式表的庞大,以及分散的编写体验。

之前

.nesting {
  color: hotpink;
}

.nesting > .is {
  color: rebeccapurple;
}

.nesting > .is > .awesome {
  color: deeppink;
}

在嵌套之后,选择器可以被继续使用,与之相关的样式规则可以被归入其中。

之后

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

<dialog> 初始焦点的算法更新

HTML <dialog> 元素是表示对话框或其他交互式组件的标准化方式,例如需要在网页中所有其他内容之上,显示可取消的警告或子窗口,这个 HTML 元素是创建此类内容的推荐方式,因为它的功能是为了提供更好的、一致的可用性和可访问性。

<dialog> 其中一个功能是处理对话框打开时哪个元素被聚焦,在这个版本中,选择该元素的算法已经更新。

Service Worker

从 Chrome 112 开始,如果用户代理发现所有 service worker 的获取监听器都是无操作(no-op)的,那么 service worker 的启动和导航关键路径中的监听器分配将被省略。

启动一个 service worker 并执行一个无操作的监听器只会带来开销,而不会带来任何可以通过正确的 service worker 实现的好处,如缓存或离线能力。因此,Chrome 现在跳过它们来改善导航。

这个功能使这些页面的导航更快。

作为这一变化的一部分,如果所有 service worker 的获取监听器都是无操作的,Chrome 将显示控制台警告,并鼓励开发人员删除这些获取监听器。

更多详情可查看:https://developer.chrome.com/blog/new-in-chrome-112/

标签:Chrome,Apps,嵌套,监听器,112,color
From: https://www.cnblogs.com/lzhdim/p/17289060.html

相关文章

  • chrome-主动释放内存
    2023-04-04 Version111.0.5563.110(OfficialBuild)(x86_64)最近一段时间,发现自己的Chrome会主动释放内存,记录一下这个情况。历史信息:大概去年的10月份,canary版本就有相关新闻https://www.oschina.net/news/215285/chrome-snooze-unused-tabs-to-free-up-memory现在的正......
  • SAP Commerce Cloud 里的 jsapps 和 jsapps-ssr 容器
    SAPCommerceCloudVersion2,简称SAPCCV2,上面有两种container,jsapps和jsapps-ssr,二者区别是什么?SAPCommerceCloudVersion2(简称SAPCCV2)是SAP提供的一款云端电商解决方案。在SAPCCV2中,"jsapps"和"jsapps-ssr"都是用于部署Web应用程序的容器,但它们之间存在一些区别......
  • Chrome103版本获取不到sessionStorage
    问题现象:上传附件功能报错,经排查发现,是因为上送字段中userId获取失败,被服务端拒绝请求。userId=window.sessionStorage.getItem('userId')问题暴露阶段:生产环境Chrome103问题原因:上传功能是在新弹开tab页中实现的,Chrome89后,新弹开的tab页默认不再共享sessionStorage。而测试环......
  • chrome模拟微信浏览器内核
     1、ios-QQ——内置浏览器UAMozilla/5.0(iPhone;CPUiPhoneOS7_1_2likeMacOSX)>AppleWebKit/537.51.2(KHTML,likeGecko)Mobile/11D257>QQ/5.2.1.302NetType/WIFIMem/282、ios-微信——微信内置浏览器UAMozilla/5.0(iPhone;CPUiPhoneOS7_1_2......
  • [渗透&攻防]-AppScan安装
    前言难道我们现在需要进行每个接口的扫描,sql注入测试,针对前段做XSS攻击,针对cookie做csrf攻击吗?不需要!!接下来给请出我们今天的主角APPSCan?注:漏扫已经是实质的攻击行为,请务必确保你的扫描动作是经过授权的,尤其不要尝试在非授权的情况下在互联网上扫描政府类网站,若是导致网站瘫痪或......
  • 谷歌Chrome浏览器内直接打开编辑保存Office Word、Excel、PPT 文档,可离线部署!
    谷歌Chrome经过开发团队不断优化,凭借运行界面简单,打开速度最快及扩展插件众多,Chrome已经成为了世界上最受欢迎的浏览器。不过有一点非常可惜,由于微软Office不是开源程序,所以Chrome一直无法直接打开微软Office文档。虽然后来有一些国内厂商通过调用微软免费开源的ActiveX控件DsoFr......
  • 解决videojs 在Chrome浏览器下报:A network error caused the media download to fail
    记录一下videoJS在Chrome浏览器下有时候出现播放一半或者回退的一个恶心bug,错误提示如下:Anetworkerrorcausedthemediadownloadtofailpart-way.经过一下午的折腾查找,终于在GitHub上看到他们官方的一个解决方案,这个方案目前没有更新在官方文档最新版本中,只是随便提了一下......
  • 什么是 Chrome 开发者工具 performance 面板 Experience 里的 Layout shift
    Chrome开发者工具performance面板Experience中的Layoutshift(布局位移)是指在页面加载过程中元素的位置发生了意外的变化,这种变化可能会导致用户的不良体验,例如元素突......
  • docker中的报错:Error: Failed to download metadata for repo ‘appstream‘: Cannot
    在学习使用docker技术过程中,基于centos镜像自定义新的镜像,其中基础镜像centos需要提前安装好 vim 和net-tools,然而在刚开始通过 yum-yinstallvim 安装vim......
  • chrome浏览器支持flash的版本
    方式1:https://link.zhihu.com/?target=https%3A//www.slimjet.com/chrome/google-chrome-old-version.php方式2:查找你想要的版本号例如:输入87然后这里就会出现匹配版......