使用“控制台”或单击“检查”后，检查任何网站当前加载页面的高度和宽度。

步骤1：单击鼠标右键，单击“检查”，然后单击“控制台”

步骤2：确保您的浏览器屏幕不应处于“最大化”模式。如果浏览器屏幕处于“最大化”模式，您需要首先单击最大化按钮（位于右上角或左上角），然后取消最大化。

步骤3：现在，在大于号（'>'）后面写以下内容，即。

       > window.innerWidth
            output : your present window width in px (say 749)

       > window.innerHeight
            output : your present window height in px (say 359)

在某些情况下，与响应布局相关的$（document）.height（）可能会返回错误的数据，仅显示视图端口高度。例如，当某个div#wrapper的高度为100%时，该#wrappers可以被其内部的某个块拉伸。但它的高度仍将与视口高度相同。在这种情况下，您可以使用

$('#wrapper').get(0).scrollHeight

表示包装器的实际大小。

如果您需要一个真正防弹的文档宽度和高度解决方案（图片中的pageWidth和pageHeight），您可能需要考虑使用我的插件jQuery.documentSize。

它只有一个目的：即使在jQuery和其他方法失败的情况下，也始终返回正确的文档大小。尽管有jQuery的名字，但您不必使用它——它是用普通的Javascript编写的，也可以在没有jQuery的情况下使用。

用法：

var w = $.documentWidth(),
    h = $.documentHeight();

用于全局文档。对于其他文档，例如在您有权访问的嵌入式iframe中，将文档作为参数传递：

var w = $.documentWidth( myIframe.contentDocument ),
    h = $.documentHeight( myIframe.contentDocument );

更新：现在也更新窗口尺寸

从1.1.0版开始，jQuery.documentSize还处理窗口维度。

这是必要的，因为

$（window）.height（）在iOS中有缺陷，以至于没有用$（window）.width（）和$（window）.height（）在移动设备上不可靠，因为它们无法处理移动缩放的效果。

jQuery.documentSize提供了$.windowWidth（）和$.windowHeight（）来解决这些问题。有关更多信息，请查看文档。

您还可以获得窗口的宽度和高度，避免浏览器工具栏和其他东西。这是浏览器窗口中的真正可用区域。

为此，请使用：window.innerWidth和window.inerHeight财产（请参阅w3schools上的文档）。

在大多数情况下，这将是最好的方式，例如，显示一个完全居中的浮动模式对话框。它允许您计算窗口上的位置，无论使用浏览器的分辨率方向或窗口大小如何。

这有您需要知道的一切：获取视口/窗口大小

但简而言之：

var win = window,
    doc = document,
    docElem = doc.documentElement,
    body = doc.getElementsByTagName('body')[0],
    x = win.innerWidth || docElem.clientWidth || body.clientWidth,
    y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
alert(x + ' × ' + y);

不停摆弄

请停止编辑此答案。它已经被不同的人编辑了22次，以符合他们的代码格式偏好。也有人指出，如果你只想瞄准现代浏览器，这是不需要的——如果是的话，你只需要以下内容：

const width  = window.innerWidth || document.documentElement.clientWidth || 
document.body.clientWidth;
const height = window.innerHeight|| document.documentElement.clientHeight|| 
document.body.clientHeight;

console.log(width, height);

随着globalThis在ES2020中的引入，您可以像使用财产一样使用。

对于屏幕大小：

globalThis.screen.availWidth 
globalThis.screen.availHeight

对于窗口大小

globalThis.outerWidth
globalThis.outerHeight

对于偏移：

globalThis.pageXOffset
globalThis.pageYOffset

…等等。

alert（“屏幕宽度：”+globalThis.Screen.avaidWidth+“\n屏幕高度：”+globalThis.Screen.avaidHeight）