XHProf报告字段含义

* Function Name:方法名称。 * Calls:方法被调用的次数。 * Calls%:方法调用次数在同级方法总数调用次数中所占的百分比。 * Incl.Wall Time(microsec):方法执行花费的时间,包括子方法的执行时间。(单位:微秒) * IWall%:方法执行花费的时间百分比。 * Excl. Wall Time(microsec):方法本身执行花费的时间,不包括子方法的执行时间。(单位:微秒) * EWall%:方法本身执行花费的时间百分比。 * Incl. CPU(microsecs):方法执行花费的CPU时间,包括子方法的执行时间。(单位:

Chrome根据DOM属性加js断点

有的时候调页面样式时会莫名其妙出现错,比如某个东西不该显示的时候显示出来了。或者代码太多,不记得是哪个地方控制的这个地方。或者想看看别人页面的代码是怎么实现的。这时可以利用Chome的这个功能来调试。 1.选中要观察的DOM,右键”break on” -> “attribute modifications”来观察这个DOM的属性变化(一般情况下改变样式都是在改class和style属性)。 2.正常操作触发这个DOM的属性变化,当发生变化后会自动跳到断点初,这时看右边的call stack即可找到是哪个地方修改的属性。如果代码压缩了不方便看,可以点左下角的”{}”按钮来格式化代码。