更直观的方式观察网页的repaint

Opera Profiler
一直以来都是用Opera的Profiler录制并观察页面repaint的情况的。
发现Chromium说明文档里 有一个 附加命令说明表
其中有一条是 –show-paint-rects 这一条可以让你直观的看到页面repaint的情况


怎么用呢?
右键Chrome,快捷方式-〉属性-〉“目标”的结尾加上

--show-paint-rects

然后点确定就可以了。

然后就可以观察网页的paint情况了。
据我的观察,AngularJS在重新生成ng-View的时候,貌似会repaint整个页面……有点小失望,见图
变红处为刚刚repaint的元素
ngView repaint

发表评论

邮箱地址不会被公开。