在chrome浏览器中,可获取文档的高度和宽度

innerHeight、innerWidth。截止至2022年12月26日，在chrome浏览器的控制台中，输入innerHeight、innerWidth可分别获取文档的高度和宽度。GoogleChrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

用screen对象获得显示器的分辨率，

<script language=vbscript>

if screenwidth<1024 then

alert("屏幕分辨率过小")

end if

</script>

----

获得网页的宽度和高度，

用posWidth和posHeight属性即可，

Js获取高度：

网页可见区域高：documentbodyclientHeight

网页可见区域高：documentbodyoffsetHeight (包括边线的宽)

网页正文全文高：documentbodyscrollHeight

网页被卷去的高：documentbodyscrollTop

屏幕分辨率的高：windowscreenheight

屏幕可用工作区高度：windowscreenavailHeight

一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用windowinnerHeight还是windowscreenwidth拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。

有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。

var win_w = $(window)width();//获取宽度

var win_h = $(window)height();//获取高度

如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

以上就是关于在chrome浏览器中,可获取文档的高度和宽度全部的内容，包括:在chrome浏览器中,可获取文档的高度和宽度、在asp中如何得到网页的宽、css获取整个页面高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！