2026年9月16日,Google发布Chrome 155 Beta,覆盖Android、ChromeOS、Linux、macOS与Windows平台。本次更新在CSS与UI方面新增CSS symbols()(内联定义计数器样式)、corner简写(同时设置圆角与角形状)、text-decoration-skip-spaces与margin-trim等能力;JavaScript侧支持Text Modules(import ... with { type: "text" });Web API侧还带来窗口控制、后量子WebCrypto算法、JPEG XL解码与Digital Credentials发行支持等。本文从前端工程与UI/UX视角解读。

更灵活的原生CSS能力

Chrome 155让若干原生CSS写法更加顺手:symbols()允许在样式表中内联定义计数器样式,减少对图片或复杂定义的依赖;corner简写及其角部属性可同时控制圆角与角形状,简化了常见UI卡片造型的实现;text-decoration-skip-spaces控制文字装饰线是否跳过空白,margin-trim则可在容器首尾省略多余外边距。这些能力直接降低前端在细节排版上的CSS编写成本。

Text Modules:以标准方式加载文本资源

JavaScript侧的新亮点是Text Modules,即通过 import ... with { type: "text" } 以标准方式加载网页资源。这为开发者提供了在模块系统中读取HTML、CSS、SVG、JSON等文本内容的标准途径,相比之前经由fetch的变通做法,语义更清晰,也有助于构建工具与运行时的一致处理,是Web标准在原语上的一次收敛。

窗口控制、后量子WebCrypto与JPEG XL

Web API侧,Chrome 155带来窗口控制(Window Management相关演进)、后量子WebCrypto算法、JPEG XL解码以及Digital Credentials API发行支持等。其中后量子密码算法加入WebCrypto、JPEG XL解码支持等,既是对现代Web安全与新一代图像格式的适配,也对前端工程在实际项目中开展能力检测与渐进增强提出了新要求。

对前端工程与UI/UX的启示

对前端团队,建议关注并尝试验证symbols、corner、Text Modules等在目标用户浏览器中的可用性,通过特性检测与渐进增强逐步启用,以避免在旧浏览器上出现降级问题。随着浏览器把更多排版与模块能力原生化,前端工程可以减少对第三方库和polyfill的依赖,把精力更多放在产品与体验打磨上。

小结

Chrome 155 Beta于2026年9月16日发布,以CSS symbols/corner/margin-trim、Text Modules与后量子WebCrypto等为核心看点,是2026年9月前端工程与UI/UX / Web平台演进领域值得关注的更新。

觉得有帮助?

联系我们,获取更多技术解决方案

免费咨询