Javascript — Detect Viewable Area of a User's Browser

Question

I want to show the user a message showing the viewable area of their browser. I have the following javascript function for doing this...

function main(){
    document.write("The viewable area of your browser is about <b> " + jQuery(window.parent.document).width() + " (width) X " + jQuery(window.parent.document).height() + " (height).</b>");  
}

At least one user is reporting that this is giving the wrong values. For me, this is working properly.

Do you see any weaknesses or limitations in this?

EDIT: I should have mentioned that this code is in an iframe that pops up over the page that I'm wanting to find the viewable area of.

Answer 1

You should use

$(window).height()

and

$(window).width()

since

jQuery(window.parent.document).width()

gives you the height of the document and not of the viewport.

Answer 2

You can achieve this quite simply using:

$(window.parent).height();
$(window.parent).width();

Answer 3

我最终使用了parent.document.body.clientWidth和parent.document.body.clientHeight ，效果很好！