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);
};