浏览器可视尺寸 - 获取浏览器窗口可见区域大小 - 开发者指南
浏览器可视尺寸指的是浏览器窗口可见页面的尺寸大小,也就是不包括浏览器的工具栏、菜单栏和滚动条等部分的大小。\r\n\r\n一般来说,可以通过浏览器对象的innerWidth和innerHeight属性来获取浏览器窗口的可视宽度和高度。\r\n\r\n示例代码如下:\r\n\r\njavascript\r\nlet width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\r\nlet height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;\r\n\r\nconsole.log("浏览器窗口的可视宽度:" + width);\r\nconsole.log("浏览器窗口的可视高度:" + height);\r\n\r\n\r\n需要注意的是,不同浏览器对于这些属性的支持可能会有所不同,因此在获取可视尺寸时,最好使用这些属性的兼容写法,以确保在不同浏览器下都能正确获取到可视尺寸。
原文地址: https://www.cveoy.top/t/topic/pR71 著作权归作者所有。请勿转载和采集!