2014年2月7日

2014第6周五JS调试

摘要: 今天才发现chrome调试前端尤其是JS真是很方便,难怪之前公司几个前端高手都用chrome的开发者工具来调试。把今天知道的chrome调试方法收集整理一下,在今后的开发调试中都可能会用到:Profiles,可以记录JS函数和CSS选择器对CPU的占用,以及内存占用时间线。用来找出影响性能的瓶颈非常有帮助。Timeline,可以记录浏览器渲染的每一帧里发生了什么,从js执行,css reflow到画面repaint,各自占用多少时间。可以帮助你定位是什么导致动态效果的帧数不流畅。element 面板右侧实时编辑的 css 样式,可以在 resource 面板里保存起来。以线上代码出 Bug 为 阅读全文

posted @ 2014-02-07 19:42 时间朋友 阅读(505) 评论(0) 推荐(0) 编辑

导航