使用JavaScript和Chrome/Chrome计算长段落的高度

我想用JavaScript计算段落的高度

基本示例

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

console.log(document.querySelector('p').offsetHeight);

console.log(document.querySelector('p').getBoundingClientRect());

Lorem ipsum door sit amet，一位杰出的领导者，他在劳动和生活中的时间是有限的。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

console.log（document.querySelector（'p'）。offsetHeight）；
log（document.querySelector（'p'）.getBoundingClientRect（））；

最小可复制示例：

Firefox（85.0.1）返回正确的结果（95像素）

铬（88.0）不会（72像素）！但是控制台>计算>高度通常根据我的测试返回正确的结果

---

如何修复它？

已解决！Firefox和Chromium默认使用不同的字体系列。

在检查图像内容之前，可能有一些DOM操作正在进行？请提供一份说明问题的报告