BOM之screen对象
2024-09-12 14:13:03
前面的话
screen对象在javascript编程中,比较冷门,不太常用。screen对象用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等。本文将详细介绍screen对象
总括
每个浏览器中的screen对象都包含着各不相同的属性,其中chrome包含9个属性,firefox包含10个,IE8-浏览器包含14个,IE9+浏览器包含17个。下面将这17个属性概述如下
属性 说明 height 屏幕的像素高度
width 屏幕的像素宽度
availHeight 屏幕的像素高度减去系统部件高度之后的值(只读)
availWidth 屏幕的像素宽度减去系统部件宽度之后的值(只读) left 当前屏幕距左边的像素距离[firefox返回0,chrome和IE不支持]
top 当前屏幕距上方的像素距离[firefox返回0,chrome和IE不支持]
availLeft 未被系统部件占用的最左侧的像素值(只读)[chrome和firefox返回0,IE不支持]
availTop 未被系统部件占用的最上方的像素值(只读)[chrome和firefox返回0,IE不支持] bufferDepth 读、写用于呈现屏外位图的位数[IE返回0,chrome和firefox不支持]
colorDepth 用于表现颜色的位数(只读)[IE8-返回32,其他浏览器返回24]
pixelDepth 屏幕的位深(只读)[IE8-不支持,其他浏览器返回24] deviceXDPI 屏幕实际的水平DPI(只读)[IE返回96,chrome和firefox不支持]
deviceYDPI 屏幕实际的垂直DPI(只读)[IE返回96,chrome和firefox不支持]
logicalXDPI 屏幕逻辑的水平DPI(只读)[IE返回96,chrome和firefox不支持]
logicalYDPI 屏幕逻辑的垂直DPI(只读)[IE返回96,chrome和firefox不支持] updateInterval 读、写以毫秒表示的屏幕刷新时间间隔[IE返回0,chrome和firefox不支持]
fontSmoothingEnabled 是否启用了字体平滑(只读)[IE返回true,chrome和firefox不支持]
常用
【availHeight】
屏幕的像素高度减去系统部件高度之后的值(只读),代表屏幕可用高度,单位为像素
【availHeight】
屏幕的像素宽度减去系统部件宽度之后的值(只读),代表屏幕可用宽度,单位为像素
console.log(screen.availHeight);//
console.log(screen.availWidth);//
【height】
屏幕的像素高度
【width】
屏幕的像素宽度
console.log(screen.width);//
console.log(screen.height);//
screen.height和screen.width两个属性,一般用来了解设备的分辨率。除非调整显示器的分辨率,否则这两个值可以看作常量,不会发生变化。显示器的分辨率与浏览器设置无关,缩放网页并不会改变分辨率
可以根据屏幕分辨率,将用户导向不同网页
if ((screen.width <= 800) && (screen.height <= 600)) {
window.location.replace('small.html');
} else {
window.location.replace('wide.html');
}
最新文章
- vue-cli快速构建Vue项目
- Maven的简单使用,HelloWorld
- 修改MySQL用户的密码
- C Struct Hack
- 安装WordPress详细教程指南
- 算法专题训练 搜索a-T3 Ni骑士(ni)
- C#应用程序中读取Oracle数据库
- 2016030202 - github中sshkey信息设置
- 各种开发语言示例调用WebService接口
- ftp上传错误
- C++教程之lambda表达式一
- My SQL数据库的安装与配置
- VMware Mac OS中无法找到适应的分辨率的解决办法
- selenium 之 ActionChains (二)
- 廖雪峰Java6 IO编程-3Reader和Writer-2Writer
- 【Hadoop学习之十三】MapReduce案例分析五-ItemCF
- cmsis dap interface firmware
- Collection、Set、List概念上的区别及关联
- 问题:ORA-28000: the account is locked 用户锁住了。
- [翻译] Rails::Railtie
热门文章
- 运放参数的详细解释和分析-part3,输入失调电压Vos及温漂
- 一文让您全面了解清楚HBase数据库的所有知识点,值得收藏!
- 基于Docker一键部署大规模Hadoop集群及设计思路
- 大数据入门第十八天——kafka整合flume、storm
- 20155216 Exp6 信息搜集与漏洞扫描
- 解决 配置springmvc拦截所有请求后请求静态资源404的问题
- Partition4:增加分区
- Android AccessibilityService(辅助服务) 使用示例
- Git提交空目录
- ecCodes 学习 利用ecCodes fortran90 api对GRIB文件进行读写