且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

我们如何调查浏览器进行了多少次回流?

更新时间:2023-12-01 11:44:34

  1. Chrome 和 Safari 在 Web Inspector 中有时间轴选项卡,您可以在其中查看浏览器进行的所有重排和重绘.
  2. Firefox 有 MozAfterPaint 事件.它可以帮助您了解页面的哪些区域以及浏览器何时重新绘制.Firebug Paint Events add-on 在这里很有帮助.它在 FireBug 控制台中显示重绘事件.
  1. Chrome and Safari have Timeline tab in Web Inspector where you can see all the reflows and redraws made by browser.
  2. Firefox has MozAfterPaint event. It can help you understand which regions of the page and when repainted by the browser. Firebug Paint Events add-on can be helpful here. It shows repaint events in FireBug console.