我们如何调查浏览器进行回流的次数？

Question

是否有一个Web开发人员功能/工具,可以让我们知道浏览器正在进行多次回流？

基本上我想要一些反馈/信息.我不知道它会是怎样的,但也许某种性能图表显示时间轴(类似于谷歌的速度跟踪器)所以我可以调查什么时候突然之间浏览器正在做一个疯狂的回流量所以我可以指出嘿,这是一个瓶颈,必须有一个错误/坏的实现这里或某事.

Answer 1

1. Chrome和Safari在Web Inspector中有"时间轴"选项卡,您可以在其中查看浏览器所做的所有重排和重绘.
2. Firefox有MozAfterPaint事件.它可以帮助您了解页面的哪些区域以及何时重新绘制浏览器.Firebug Paint Events附加组件在这里很有帮助.它显示FireBug控制台中的重绘事件.

Answer 2

如果您有自定义构建的Firefox,则可以跟踪重排信息.

见下文:https: //developer.mozilla.org/en-US/docs/Debugging_Frame_Reflow

如何使用启用调试模式构建Firefox:https: //developer.mozilla.org/en-US/docs/Developer_Guide/Build_Instructions