Javascript 打开开发人员工具时，jQuery文档高度错误_Javascript_Jquery_Developer Tools

Javascript 打开开发人员工具时，jQuery文档高度错误

javascript jquery

Javascript 打开开发人员工具时，jQuery文档高度错误,javascript,jquery,developer-tools,Javascript,Jquery,Developer Tools,使用$（文档）时。height（）要获取文档高度，开发人员工具最初打开时会出现一个问题高度太低，因此关闭开发人员工具时，jQuery返回的高度不能覆盖整个文档高度如何解决这个问题，以便在打开开发人员工具和文档时，文档的高度是正确的？显然，文档的高度不是您想要的。请注意整个身体的高度： $('body').prop('scrollHeight') 另一个想法是将开发工具移动到另一个窗口中，但是文档确实会根据开发工具是打开还是关闭而变化。显然文档高度不是您想要的。请注意整个身体的高度： $('

使用

$（文档）时。height（）

要获取文档高度，开发人员工具最初打开时会出现一个问题

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

如何解决这个问题，以便在打开开发人员工具和文档时，文档的高度是正确的？

显然，文档的高度不是您想要的。请注意整个身体的高度：

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

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

显然文档高度不是您想要的。请注意整个身体的高度：

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

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

这里是您可以查看的链接。试试这样的

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

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

$（窗口）.on（'resize'，function（）{
$（'#res'）.html（“新高度为：+$（window.height（））；
});

确保在HTML页面中声明DOCTYPE，例如

<!DOCTYPE html>

这是您可以查看的链接。试试这样的

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

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

$（窗口）.on（'resize'，function（）{
$（'#res'）.html（“新高度为：+$（window.height（））；
});

确保在HTML页面中声明DOCTYPE，例如

<!DOCTYPE html>

窗口。innerHeight

是您要查找的属性

例如，该代码检测是否所有文档内容都在视图中；无论开发工具是否打开：

var scrolled_to_all = false;

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

var滚动到所有=false；
if（$（document）.height（）window.innerHeight
是您要查找的属性
例如，此代码检测是否所有文档内容都在视图中；无论开发工具是否打开：
var scrolled_to_all = false;

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

var滚动到所有=false；
如果（$（文档）.height（）高度是正确的，你只需要不同的信息。你想要整个身体的高度吗？我认为如果不绑定resize事件并在每次点火时检索高度是不可能的。高度是正确的，你只需要不同的信息。你想要整个身体的高度吗？我认为没有你是不可能的t绑定resize事件，并在每次触发时检索高度