Testing how the console.profile() method works. Even though I’ve had Firebug for months, I learned how to use it from watching tutorials of Safari’s Web Inspector tool.
To see how it works. You’ll need to have a developer tool that has a console profile function. Firefox has a Firebug add-in. Safari has one build-in.
21 June 2009
Using the Web Inspector - Safari User Guide for Web Developers
<a style="width:100px;height:50px;background-color:#ffff00;cursor:pointer;display:block;" id="button">Get profile</a>
<script type="text/javascript">
<!--
document.getElementById("button").addEventListener("click",clicked,false);
function clicked(){
console.profile("clicked");
doStuff();
doSomeElse();
console.profileEnd("clicked");
}
function doStuff(){
for(var i=0;i<10000;i++){
var j=(i*40);
}
}
function doSomeElse(){
var j=1;
for(var i=0;i<50;i++){
document.getElementById("button").innerHTML+=i+"<br />";
}
}
//-->
</script>
[...] Console Profile – available for browsers with developer tools. I didn’t know how to use this until I watched the video. But then again, it wasn’t a real need for me. [...]