chrome(102-104)
1. performance insights面板
这是一项预览功能，可帮助 Web 开发人员（尤其是非性能专家）识别和修复潜在的性能问题，相比perfomance面板，performance insights面板提供更清晰简介的指标，并给出优化建议
performance insights介绍developer.chrome.com/docs/devtoo…
主要功能：性能记录、回放记录、导出记录、查看修复建议、查看网页关键性能指标、网络请求、页面渲染、GPU活动、自定义Timing track
网页关键性能指标介绍：web.dev/vitals/#%E5…
注：可使用performance.measure()添加用户计时轨道
2.prefers-color-scheme
CSS 媒体特性, 用于检测用户是否有将系统的主题色设置为亮色或者暗色
prefers-color-scheme介绍
prefers-color-scheme - CSS（层叠样式表） | MDN
在线democodepen.io/eagle112/pe…
3.实时表达式
用于监听频繁更改的JavaScript表达式，可以将特定 JavaScript 表达式固定到控制台顶部，避免过多日志消息输出在控制台中
4. 在浏览器外选择颜色
在样式边栏中，单击任何颜色预览以打开颜色选择器。使用吸管从任何地方选择颜色, 在此之前只能在浏览器内选择颜色
5.帧重启功能
可以从调试函数中途从头开始重启当前行之前的代码，这对于检查当前帧而不使用新的断点或重新加载页面时可能很有用
6.在性能录制中模拟硬件并发
使用这个功能, 开发者可以测试应用程序在不同的内核数下的性能。
注：navigator.hardwareConcurrency： 只读，返回系统可用的逻辑处理器内核数
7.bfcache面板，在该面板中显示哪些问题阻塞了bfcache，可以根据提示解决阻止缓存的问题
主要有如下3中原因：
可操作的：您可以修复这些问题以启用缓存。例如，停止使用unload事件。
待支持：Chrome 尚不支持这些功能，因此它们会阻止缓存。但是，一旦受到支持，Chrome 就会消除这些限制。
不可操作：您无法在此页面上解决这些问题。页面控制之外的东西会阻止缓存。
bf缓存介绍：developer.chrome.com/docs/devtoo…
浏览器前进/后退缓存（BF Cache） | Harttle Land
其他资讯
JavaScript 的管道运算符 ( |>) 提案，这个操作符是从函数式编程中借来的一个想法，它使得在许多情况下应用函数更加方便。A pipe operator for JavaScript: introduction and use cases
Safari 15.4以及Chrome 105支持:has()伪类，:has()伪类是一个功能非常强大的伪类，因为它可以实现类似“父选择器”和“前面兄弟选择器”的功能，对CSS的开发会有颠覆性的影响。
来了，来了，CSS :has()伪类她来了 « 张鑫旭-鑫空间-鑫生活
React Native 0.70与2022年9月5日发布，Hermes成为默认的 JavaScript 引擎等等
WebContainers在Firefox 中得到支持，WebContainers 允许您创建全栈 Node.js 环境，该环境可在几毫秒内启动并立即在线和链接共享——只需单击一下。该环境加载了 VS Code 强大的编辑体验、完整的终端、npm 等。它也完全在您的浏览器中运行
Introducing WebContainers: Run Node.js natively in your browser
