Pretext：无需操作DOM的文本行高计算浏览器库
Simon Willison2026/03/30 04:08机翻/自动摘要/自动分类
6 阅读
内容评分
技术含量
8/10
营销水分
6/10
摘要
Pretext 是一个无需操作 DOM 即可计算换行文本行高的浏览器库，通过离屏测量和模拟换行逻辑提升性能。支持多语言和表情符号，适用于浏览器应用的文本渲染优化。开发过程中借助 AI 工具进行辅助，验证了其在多种文档中的准确性。
正文
Pretext 是由 React 核心开发者 Cheng Lou 创建的一个新浏览器库，旨在无需操作 DOM 的情况下高效计算换行文本的行高。传统方法通常需要实际渲染文本以测量其尺寸，这在性能上存在较大瓶颈。Pretext 通过将计算过程分为两个阶段来优化性能：首先使用 prepare() 函数将文本分割为段落（包括单词、连字符、非拉丁字符和表情符号），并在离屏画布上测量并缓存尺寸；其次通过 layout() 函数根据指定宽度模拟换行逻辑，计算文本行数和整体高度。该库体积小巧（仅几 KB），支持多种语言和平台特定表情符号，并已在多个浏览器中验证其准确性，包括对《了不起的盖茨比》和多种亚洲语言文档的测试。Cheng Lou 还提到，该库的开发过程借助了 Claude AI 的代码生成和测试辅助功能。