JS如何获取屏幕、浏览器及网页高度宽度?

 时间:2026-02-14 18:15:57

1、在浏览器执行代码,可以先按f12打开控制台。右下角可以输入代码,如果右下角没有代码输入框,就按esc开启。

JS如何获取屏幕、浏览器及网页高度宽度?

1、屏幕宽高是指显示器的分辨率,输入

console.log(window.screen.width,window.screen.height)

可以打印看见。

其中window.screen.width是宽度,window.screen.height是高度

例如我的显示器是1920*1080的,代码分表打印出来宽1920,高1080

JS如何获取屏幕、浏览器及网页高度宽度?

2、屏幕宽高相对于另外2个宽高更加稳定。条件系统分辨率可以改变这个宽高。

在屏幕上点击右键,进入系统分辨率设置。

JS如何获取屏幕、浏览器及网页高度宽度?

3、例如我将系统分辨率设置为1680*900

JS如何获取屏幕、浏览器及网页高度宽度?

4、现在打印的屏幕宽高也变了

JS如何获取屏幕、浏览器及网页高度宽度?

1、浏览器宽高是指浏览器窗口最大化时的宽高,普通的最大化后,一般就是去掉系统任务栏高度,而宽度和屏幕宽是一样的。

JS如何获取屏幕、浏览器及网页高度宽度?

2、输入

console.log(window.screen.availWidth,window.screen.availHeight)

可以查看浏览器宽高

JS如何获取屏幕、浏览器及网页高度宽度?

3、这个宽高在任务栏占用空间变化时会变化,例如我让任务栏变高,浏览器可用高度会变小。

JS如何获取屏幕、浏览器及网页高度宽度?

1、网页宽高,是指页面所占的宽高,浏览器除了页面内容以外的部分,不计算在内。

例如下图,标签栏,地址栏,书签栏,控制台等全不计算在宽高的范围里面,只有网页内容区域才是。

输入

console.log(window.innerHeight,window.innerWidth)

可以打印得到

JS如何获取屏幕、浏览器及网页高度宽度?

JS如何获取屏幕、浏览器及网页高度宽度?

  • 《荒野行动》莫辛纳甘M1891使用攻略
  • C#面向对象初步创建类的对象
  • 怎样用长方形画猴子?
  • 强效中药快速减肥秘方 1月轻松甩肉15斤
  • 新会柑普茶冲泡方法
  • 热门搜索
    伊犁旅游 国内旅游推荐 怀柔旅游 十堰旅游 旅游管理硕士 南山文化旅游区 林芝旅游攻略 安徽旅游攻略 北京旅游景点排名 云南丽江旅游攻略