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

Javascript -- Detect Viewable Area of a User's Browser

本文关键字:浏览器 可视 检测 用户 Javascript 区域      更新时间:2023-09-26

我想向用户显示一条消息,显示他们浏览器的可视区域。我有下面的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>");  
}

至少有一个用户报告这是错误的值。对我来说,这是正常的工作。

你看到这方面的弱点或局限性了吗?

EDIT:我应该提到,这段代码在一个iframe中,该iframe弹出在我想要查找其可视区域的页面上

您应该使用

$(window).height()

$(window).width()

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

提供文档的高度,而不是视口的高度。

您只需使用:就可以实现这一点

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

我最终使用了parent.document.body.clientWidthparent.document.body.clientHeight,效果非常好!