Webkoof

If you try to show/hide an element in javascript, you simply use the code :

//To show the object with id toHide
   document.getElementById('toHide').style.display = 'block';
//To hide the object with id toHide
   document.getElementById('toHide').style.display = 'none';

But, when you try to apply the same logic to show and hide table rows, you get distorted table in firefox, chrome & safari. Although it works well in IE.

This problem is irritating and the fix is very simple. Instead of display=’block’ use display=”

document.getElementById("toHide").style.display = ''; //To Show it Back 
document.getElementById("toHide").style.display = 'none'; //To Hide it again

If you are a web developer then you obviously know the importance of testing your webpages in all the browsers. So, I won’t lecture about it. But, No one can have all the browsers on all the platforms. So, most of the times we miss few mess-ups. I always wondered if someone can develop a tool to show me the screen shot of any web page in all the browsers.

Fortunately I found one.

http://browsershots.org is a wonderful website which does ‘exactly this’ for you. All you do is to give them the link of webpage you want to test. You select all the browsers you want it to be tested on. And after sometime they generate the desired screenshots.

Give it a try!