《使用Chrome的持续绘制模式侦测页面绘制时间》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
开启持续绘制模式之后，不必像刚才的文章中介绍的那样，很麻烦地在Timeline标签页中查看绘制状态，而是可以安心在Elements标签页调试DOM和样式，同时随时查看绘制状态，因为浏览器会持续不断地重绘页面的可见部分...
当发现页面FPS很高的时候，打开Elements面板，使用上下左右来切换选择DOM，然后按下快捷键H来hide或者显示元素，同时观察FPS情况，定位到某个DOM的绘制成本很高时，可以依次取消面板中的CSS样式再观察FPS情况...
最后补充一点，持续绘制模式的绘制方法跟浏览器的默认绘制方式是不一样的，浏览器默认不会不停地重绘页面，只会在有需要的时候才重绘一次（产生一帧），关于这一点可以使用Timeline标签页中的Frame条目详细查看每一帧的计算量...
......
本文由站长之家用户“yuguo.us”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。
（举报）
