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。

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，效果很好！