代码改变世界

查看js 执行效率工具

2013-05-31 09:48  掸尘  阅读(7997)  评论(4编辑  收藏  举报

  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 在网页头部加入这句话会用自动用最高版本浏览器打开网页,据说会导致内存泄露,如果具体制定某个具体的版本,比如IE = 7,则不会导致内存泄露,我也不知道具体什么原因,既然会导致内存泄露,浏览器还支持这个玩意干嘛,不是找虐吗? 当把这句话去掉,网页在ie8以下慢的像乌龟一样,这时候就需要查找js执行,那些地方耗时了。由于js 是事件驱动的,网上工具只是静态的查看这个js 执行多少时间。很少能动态的查看这个动作执行了多少时间。

    IE9 F12 开发工具 探查器能够帮助我们查看js执行效率。用法如下

  

  首先切换到你要测试的浏览器, 单击探测器选项卡,单击开始采样! 再在你感觉慢的地方进行操作!停止采样如下图

  

   会展示一些那些函数操作的耗时,以及具体的行号,点击url会定位到具体行号。查找原因进行优化。网上几乎没有介绍这个,上面几个数据项的含义,我也不清楚具体的意思。只找到了微软一篇很简单介绍  http://msdn.microsoft.com/zh-cn/library/dd565628(VS.85).aspx#调试_JScript

  谷歌 f12开发工具也有此功能 ,是叫 profiles

    

单击start,进行在慢的地方进行操作!单击stop结束

   谷歌执行效率比较高,一般没什么价值!