如何检测 Javascript 中的页面宽度和高度？ [复制]

Posted 2023-02-22

【中文标题】如何检测 Javascript 中的页面宽度和高度？ [复制]

【英文标题】：How to detect the page width and height in Javascript? [duplicate]

【发布时间】：2014-03-17 11:37:27

【问题描述】：

我需要一些关于 html/javascript 中的小东西的帮助，我如何制作一个 javascript 代码来检测页面宽度和高度，当它小于我想要的时，只是弹出一个警报，告诉“按 Ctrl -”进行调整. （我知道怎么做消息，只需要检测页面大小的帮助）

谢谢！

【问题讨论】：

不，我只是需要帮助。

使用 CSS 媒体查询。

【参考方案1】：

JQuery 的快速代码 sn-p：

if ($(document).height() < minHeight || $(document).width() < minWidth) 
    // call popup

minHeight 和 minWidth 是您应该定义的变量。

【参考方案2】：

如果你想要 Ctrl - 意味着你想要浏览器的高度和宽度用于大屏幕 当您按 Ctrl 键时 - 之后按照此步骤操作（获取宽度、高度的简单方法）

Press F12 - > Click on Console -> now right side under search option [in fire bug window] type window.innerWidth then select window.innerWidth and press run button which is exact under this window (bottom) and  check in console [bottom] browser print window.innerWidth. Do same for get window.innerHeight

【参考方案3】：

尝试以下解决方案来检测页面宽度和高度

var pageWidth = document.documentElement.clientWidth,
    pageHeight = document.documentElement.clientHeight;
alert('Page Width '+pageWidth);
alert('Page Height '+pageHeight);

Fiddle Demo