打开网易新闻 查看精彩图片

做网页排版的工程师都懂一个痛：想让文字自适应容器，得等浏览器渲染完才能知道尺寸。CSS从1996年到现在，愣是没给开发者一个"先算字数再画图"的钩子。

打开网易新闻 查看精彩图片

Pretext这个刚开源的3KB小库，干的事听起来像作弊——它在DOM诞生之前就完成文本测量。原理粗暴：用Canvas 2D的measureText API预跑一遍，把字号、字重、行高扔进数学公式，直接吐出元素该占多少像素。

打开网易新闻 查看精彩图片

作者放话：「我们不是在补CSS的漏，是在它立项之前就解决掉。」这话够呛。实测下来，复杂布局的首次渲染能省掉几十毫秒的强制重排，对新闻类长页面意味着少一次白屏闪烁。

争议也有。反对者认为这破坏了"内容优先"的Web哲学，而且Canvas测字和真实DOM渲染存在亚像素级误差。支持者甩出数据：某内容平台接入后，CLS（累积布局偏移）评分从0.25压到0.05。

目前GitHub星标刚过千，但已经有团队拿它替换掉整套服务端渲染方案。一位前端负责人在Issue里写："我们试了三年用CSS Container Query做动态排版，不如这个周末改完的Pretext分支。"