2024年04月16日，Chrome 124 稳定版本已正式发布，带来众多特性更新，大家可以下载和升级使用。同时，Chrome DevTools 也带来众多特性更新🌟，主要包括：
1.新的 Autofill 面板
2.增强 WebRTC 的网络节流功能
3.新增滚动驱动动画支持
4.改进 CSS 嵌套样式展现
5.Web SQL 已完全弃用

6.Layers 面板即将被弃用

1.新的 Autofill 面板
Chrome 124 版本为开发者工具引入新的自动填充面板。Chrome 自动填充功能提供了一种便捷的方式，可以使用已保存的地址在网站上自动填充表单。借助新的自动填充面板，您可以检查表单字段、预测的自动填充值和已保存的数据之间的映射关系。

2.增强 WebRTC 的网络节流功能
由于在自定义网络节流配置文件中新增了数据包相关参数，您现在可以直接在 DevTools 中节流 WebRTC 应用程序。这对测试您的实时通信实施非常有用，无需使用第三方软件。新参数包括数据包丢失（百分比）、数据包队列长度（数据包数量）和复选框数据包重新排序标志。

要节流 WebRTC 连接，请在 Settings>Throttling 中的自定义配置文件中指定数据包相关参数，并在 Network 面板中选择该配置文件。

3.新增滚动驱动动画支持
Chrome 124 版本，开发者可以使用 Animations 面板检查滚动驱动的动画。

4.改进 CSS 嵌套样式展现
Chrome 124 版本改进了 Elements > Styles 面板的原生 CSS 嵌套样式展现。现在该面板里会显示带缩进和大括号的嵌套样式。原生 CSS 嵌套是一种将 CSS 规则分组到一起，让内容更简洁、更有条理的方式。

5.Web SQL 已完全弃用
Chrome 在版本 119 中废弃了 Web SQL，并移除了此版本中的弃用试用令牌，因此您无法再使用 Web SQL。同样，开发者工具也从 Application 面板中移除了 Web SQL 部分。

6.Layers 面板即将被弃用
图层 (Layers) 面板由于使用率较低可能即将被弃用。该面板现在会在顶部显示一个警告横幅。

更多亮点参考：https://developer.chrome.com/blog/new-in-devtools-124