Javascript: Show time taken for each function to fun through browser

Question

This is just a general question, is there a tool/addon for chrome & or firefox to that can either run through each javascript function run on that page and display a result on how long it took to run? or even better yet per line?

The probelm i having is that: i'm creating a visualization tool made through javascript. The user inputs html into a text area and that HTML is further passed into an iframe; as using a third party toolkit for extracting RDFa markup (green turtle) extracts from a HTML document.

Finally, the real issue being if the data inputted has alot of markup then the page simply just crashes. I'm trying to close down which function/code sections are really taking a long time to process to that i can optimize the code.

score 1 · Accepted Answer · edited May 23 '17 at 12:06

1

I have no idea if there is any tool/addon for chrome/firefox for your problem. But we can do it using some code. please refer: How to measure time taken by a function to execute

edited May 23 '17 at 12:06

Community

1
1

answered Apr 02 '15 at 18:18

The Guest

698
11
27

Ah i was considering do that! I'm currently using the google chrome timeline tool. which is rather helpful, but not exactly what i need. Thanks for your suggestion!!! – Ben Connor Hansell Apr 02 '15 at 18:21

score 1 · Answer 2 · answered Apr 02 '15 at 18:20

1

You can use the debugging tools on any major browser to do this.

Just press F12 to open 'em up.

Use the Javascript Profiler

answered Apr 02 '15 at 18:20

howderek

2,224
14
23

Javascript: Show time taken for each function to fun through browser

2 Answers2