DEV Community
·
Chrome 133 Beta为网页开发者带来的6个激动人心的更新
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
Chrome 133 beta引入了open伪类、scroll-state属性、文本框修剪、popover提示值、DOM状态保持模式和高级attr()函数，提升了网页开发灵活性和用户体验。
🎯
关键要点
- Chrome 133 beta引入了open伪类，匹配打开状态的<dialog>和<details>元素。
- 新增scroll-state属性，支持stuck和snapped状态，适用于滚动捕捉。
- 文本框修剪功能允许去除文本周围的多余空间。
- popover提示值新增Auto、Manual和Hint三种选项，适用于工具提示等UI元素。
- DOM状态保持模式允许在不重置状态的情况下移动DOM元素。
- 高级attr()函数支持后备值，允许使用数据属性与后备颜色。
🏷️
标签
➡️
