Question

使用$ (document ) . height()获取文档高度时，开发人员工具最初打开时会出现问题。

高度太低，因此当开发人员工具关闭时，jQuery返回的高度不会覆盖整个文档高度。

如何解决此问题，以便在打开开发人员工具并打开文档时，高度是否正确？

Answer 1

显然文档高度不是您想要的。寻找整个身高：

$('body').prop('scrollHeight')

另一个想法是将开发工具移动到另一个窗口，但文档确实会根据开发工具是打开还是关闭而改变。

Answer 2

以下是您可以查看的链接why is $(window).height() so wrong?。试试这样的事情，

$(window).on('resize',function() { 
  $('#res').html("new height is: "+$(window).height()); 
});

<span id="res"></span>

<!DOCTYPE html>

Answer 3

window.innerHeight是您正在寻找的财产。

例如，此代码检测是否所有文档内容都在视图中;无论Dev Tools是否开放：

var scrolled_to_all = false;

if($(document).height() <= window.innerHeight) {
    scrolled_to_all = true;
}