Category: Javascript

For most bottleneck debugging Chrome Inspector’s profiles view in invaluable until a bottleneck is identified and then it becomes a bit cumbersome. I like to have a quicker overview of the piece i’m working on optimizing. I use this small and easy timer snippet. var timer = { start: function() { timer.t = new Date().getTime();… Continue reading Debugging bottlenecks in Javascript

// You can expand this out in any line below // but it makes things much more readable var ua = navigator.userAgent.toString().toLowerCase(); //Browsers var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/ var IE7 = (document.all && !window.opera && window.XMLHttpRequest && ua.indexOf(‘trident/4.0’) == -1) ? true : false; var IE8 = (ua.indexOf(‘trident/4.0’) != -1);… Continue reading Quick Browser Detection One Liners

Change events on select elements don’t fire in IE8 when the user confirms the selection with the enter key until the user clicks elsewhere. If your users are waiting on something in particular to happen after updating the select this is a bit of a problem. Here’s my solution: // jQuery syntax for ease of… Continue reading IE8 select element change event not firing with the keyboard

A quick review. Console.log() //how to print a log statement console.log(‘That thing you expected to happen is now happening!’); //how to break production sites in internet explorer console.log(‘anything’); //how to log safer function l(str){if(window.console&&console.log){console.log(str);}} l(‘I can forget this in my code base without breaking anything!’); Console.trace() //how to figure out what’s calling what console.trace(); //console.trace… Continue reading Debugging Javascript with Console