一直以来都是用Opera的Profiler录制并观察页面repaint的情况的。
发现Chromium说明文档里 有一个 附加命令说明表
其中有一条是 –show-paint-rects 这一条可以让你直观的看到页面repaint的情况
怎么用呢?
右键Chrome,快捷方式-〉属性-〉“目标”的结尾加上
--show-paint-rects
然后点确定就可以了。
然后就可以观察网页的paint情况了。
据我的观察,AngularJS在重新生成ng-View的时候,貌似会repaint整个页面……有点小失望,见图
变红处为刚刚repaint的元素