# He just crawled through hell to fix the browser…

- Channel: [Fireship](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA)
- Published: 2026-04-02
- Source video: [Watch on YouTube](https://youtube.com/watch?v=vd14EElCRvs)
- Read on ReadTube: https://www.read.tube/p/videos/vd14EElCRvs
- Language: Simplified Chinese

## Summary

**浏览器测量革命**

这段视频介绍了一个名为 Pretext 的纯 TypeScript 文本测量库，它通过绕开浏览器的传统文本布局流程，避免触发布局重排，从而更快、更准确地计算文本宽高。视频解释了它如何利用画布计算宽度、用自定义算法处理换行和高度，并说明这种能力能显著改善虚拟列表等文本密集型界面的性能。

这期视频介绍了一个名为 Pretext 的纯 TypeScript 文本测量库，它试图绕开浏览器传统的文本布局与重排流程，直接在不触发昂贵 reflow 的情况下计算文本宽高。作者强调，这对虚拟列表、瀑布流和其他重文本界面非常关键，因为浏览器原生测量文本会带来严重性能开销。

其核心思路是：宽度用 Canvas API 测量，高度则通过自定义的断行算法模拟各浏览器与语言的换行规则，再用大量自动化测试不断校准。最终，开发者只需先预处理文本，再调用布局函数，就能得到行数和总高度，而无需接触 DOM。视频结论是，Pretext 可能让浏览器文本测量不再由浏览器本身主导，从而为高性能 UI 打开新可能。