💫 Chrome 128 版本已正式发布，DevTools 也带来众多特性更新，主要包括：
➿ 网络面板：支持复制 Network 面板中列出的所有请求。🔥 📈 性能面板：增强型网络跟踪 ⛏️ 元素面板：打开Animation面板以拍摄动画并可以实时修改 @keyframes 样式。 🎉 无障碍相关更新
Network 面板更新
支持复制 Network 面板中列出的所有请求
现在，您可以在 Network 面板中增加过滤条件并仅复制列出的请求，而无需复制整个网络日志。
Performance 面板改进
增强型网络跟踪
效果面板中的网络轨道经过改进，可以预先显示关键信息（例如更详细的时长和网络发起程序树），并且提供更清晰的视觉提示和颜色。因此，您不必在 Network 面板和 Performance >Summary 标签页。此外，如果您仍然需要切换到网络面板，我们已为您提供更简单快捷的操作方式。
Network 轨道现在可执行以下操作：
显示请求类型的颜色图例。 使用右上角的红色三角形标记阻塞渲染的请求。 在用户做出选择时显示请求发起者，并带有箭头。这有助于您了解之前仅在网络面板中提供的网络发起者树状结构。 悬停鼠标时，经过修改的提示现在会显示结构化的时间信息，包括阻塞渲染状态和优先级更改（如果有）。现在，摘要标签还会在右侧的列中显示时间的细分数据。
此外，您现在可以在摘要标签页中右键点击轨道中的相应请求或其网址，然后从下拉菜单中选择在“网络”面板中显示。开发者工具会将您转到 Network 面板，并在表格中突出显示您要查找的请求。
Elements 面板更新
本次版本对 Elements > Animation 面板进行了更新，你可以打开Animation面板以拍摄动画并可以实时修改 @keyframes 样式。
Animations 面板现在会执行以下操作：
当您打开面板时捕获动画，因此您无需刷新页面即可捕获动画。 支持实时编辑@keyframes。换言之，在修改 Elements 中的 @keyframes 部分时，系统会更新捕获的动画 >样式。
无障碍相关更新
此版本在无障碍功能方面做出了以下改进：
在实时表达式的修改字段中执行自动补全操作后按 Tab 键可将焦点移至下一个焦点。而在以前，系统会缩进文本。 点击大小调整器可以将焦点置于其上，因此您可以使用向右和向左箭头键进行移动。 现在，屏幕阅读器会读出 Sources 中的 Add watch 表达式（添加监视表达式）修改字段，并且现在，使用键盘导航时，Delete watchexpression 会清晰地显示。
其他更新
Lighthouse 已升级至 12.1.0 版本。
1.关注FED实验室(前端开发实验室)获取更多前端热点资讯、技术实践、面试招聘等精彩内容。
2.扫描下面二维码，加小懒好友，进全栈开发交流群，一起学习和进步。
大家都在看
