

So, its own execution time is approx ~0ms, but we call other functions in that function. Time: Shows the duration of execution from start point of a function to the end point of a function. If you want to see some values for that column, add some looping in this function. Instead, it is just calling other functions.

For example foo() function has none of its own code. Own Time: Shows the duration of own script in a particular function. Percent: Shows the time consuming of each function in percentage. (3 times for loop() function in our case.) Description and purpose of the columns:įunction: This column shows the name of each function.Ĭall: Shows the count of how many times a particular function has been invoked. You will see a table generated in the Firebug’s Console panel. Type the following code in an HTML file, save it and open it up with Firebug enabled Firefox (if Firebug is not enabled then press F12 key to activate it):Ĭlick on the button to start the JavaScript profiler. You can also directly select a DOM node under the HTML tab to view its style, layout, & DOM attributes. Just right click on the page component/section and select “Inspect Element” from the context menu.

There is another easy and fast way to inspect an element.

