Javascript —检测用户浏览器的可视区域

Question

我想向用户显示一条消息，显示他们浏览器的可视区域。 我有以下javascript函数可以执行此操作...

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

至少一个用户报告这给出了错误的值。 对我来说，这工作正常。

您是否看到任何弱点或限制？

编辑：我应该已经提到，此代码是在一个iframe中，该iframe会在我要查找其可视区域的页面上弹出。

Answer 1

你应该用

$(window).height()

和

$(window).width()

以来

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

给您文档的高度而不是视口的高度。

Answer 2

您可以使用以下方法非常简单地实现此目的：

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

Answer 3

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