JS gets web page properties including width height and so on

 
function getInfo() 
{ 
var s = ""; 
s += "  Page visible area width: "+ document.body.clientWidth+" "; 
s += "  High visibility area: "+ document.body.clientHeight+" "; 
s += "  Page visible area width: "+ document.body.offsetWidth + " ( Including the width of the edge and scroll bar )"+" "; 
s += "  High visibility area: "+ document.body.offsetHeight + " ( Including the width of the edges )"+" "; 
s += "  Full text width: "+ document.body.scrollWidth+" "; 
s += "  Full text of the web page: "+ document.body.scrollHeight+" "; 
s += "  Web pages are scroll down high (ff) : "+ document.body.scrollTop+" "; 
s += "  Web pages are scroll down high (ie) : "+ document.documentElement.scrollTop+" "; 
s += "  Page scroll to the left: "+ document.body.scrollLeft+" "; 
s += "  On the body of the page: "+ window.screenTop+" "; 
s += "  Page body part left: "+ window.screenLeft+" "; 
s += "  High screen resolution: "+ window.screen.height+" "; 
s += "  Width of screen resolution: "+ window.screen.width+" "; 
s += "  Screen available workspace height: "+ window.screen.availHeight+" "; 
s += "  Screen available workspace width: "+ window.screen.availWidth+" "; 
s += "  Your screen Settings are  "+ window.screen.colorDepth +"  A color "+" "; 
s += "  Your screen Settings  "+ window.screen.deviceXDPI +"  pixel / inches "+" "; 
s += " window The actual height of the visible part of the page (ff) "+window.innerHeight+" "; 
alert (s); 
};