I am the first one in my office trying to profile java script. So there is no guidance for me.
The question may be present on StackOverflow already. But those answers are not satisfied me. That's why I made a new thread.
Can any one tell me how to profile the JavaScript in my java application in Chrome?
I found such links that how to profile JavaScript. But this is not clear for me to get a good start up. The URLs are:
- http://coding.smashingmagazine.com/2012/06/12/javascript-profiling-chrome-developer-tools/
- https://developers.google.com/chrome-developer-tools/
Can any one suggest me a good tutorial or blog to get better startup or you can say your own way to profile JavaScript in Chrome.
Good answers are definitely appreciated.Thanks .
1条答案
按热度按时间zf2sa74q1#
令人惊讶的是，我已经测试了几个分析工具，我发现IE分析器（内置开发工具）是最好的开始。它很容易，相当可靠。它的好处是IE引擎比Chrome慢得多，所以它更容易查明缓慢和沉重的代码（因为你将有几秒钟而不是几毫秒的执行时间）。
如果你想要更硬的东西，那么我会建议Ajax DynaTrace这是全功能的软件（虽然不是免费的）。Chrome配置文件只是在我看来很奇怪，虽然很多人可能会成功地使用它，我从来没有得到任何满意的信息。
启用IE Profiler：
1.打开IE浏览器。
1.按F12（开发人员工具显示）
1.转到 *Profiler选项卡 *。
1.点击 Start profiler（我的浏览器是波兰语的，但它会显示类似的内容）。
1.在页面上执行某些操作。
1.点击 * 停止探查器 *。
现在，您可以将结果显示为所有 * 函数 * 或 * 执行树 *
树是你想使用的很酷的东西，因为它会显示你所有单独的（在上下文中）执行栈（比如说REST调用）。现在你可以展开树，一路向下看，看看这个栈上哪些函数占用了最多的时间。
请注意，某些函数（原生）（如.apply）无法展开以查看内部内容（分析器会告诉您）。
Functions视图将只显示Profiler找到的所有函数、它们的执行时间和计数（这样你就可以知道哪个函数被调用的时间最长，以及总共花了多少时间）。