Developer Snippets - An Embodiment for Developers

To start with, Well I think bunch of developers might have come across this situations where in which they need to know the ‘width’ & ‘height’ of the browser window. For finding the size of the browser window people will be writing a simple code like this “window.innerHeight/Width” this will work for most of the browsers but not Internet Explorer. In order to overcome this sort of situations we have the snippet code which has got simple code which is a Cross-Browser Snippet for finding the size of the browser window. I have tested in Mozilla FireFox and Internet Explorer works well enough.

function browserWindowSize() {
var browserWinWidth = 0, browserWinHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
browserWinWidth = window.innerWidth;
browserWinHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
browserWinWidth = document.documentElement.clientWidth;
browserWinHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
browserWinWidth = document.body.clientWidth;
browserWinHeight = document.body.clientHeight;
}
alert( 'Browser Window Width = ' + browserWinWidth +' Browser Window Height = '+browserWinHeight);
}

Guys, Hope this will help some of the developers who wants to know the size of the browser window. So what are you waiting for… just enjoying coding…