Js中关于Window Screen显示器尺寸在不同浏览器的获取值

// 显示器尺寸 Screenvar width = screen.width;//屏幕总宽度var height = screen.height;//屏幕总高度var awidth = screen.availWidth;//屏幕宽度（不包括windows底部任务栏）var aheight = screen.availHeight;//屏幕高度（不包括windows底部任务栏）var cdepth = screen.colorDepth;//色彩深度var cpixeldepth = screen.pixelDepth;//色彩分辨率alert("屏幕总宽度：" + width + "屏幕总高度：" + height + "屏幕宽度：" + awidth + "屏幕高度：" + aheight + "色彩深度：" + cdepth + "色彩分辨率：" + cpixeldepth)

以上为显示器尺寸获取的全部代码

PS：

因为在运行时出现了在不同浏览器中显示器尺寸大小会有偏差如下图：

谷歌浏览器：

内置浏览器：

而电脑显示器实际的分辨率为：

而造成获取值不同的原因是因为系统显示的缩放布局为150%，有些浏览器在获取显示器尺寸值时会除以150%：

所以将系统显示的缩放布局改为100%后，浏览器获取显示器的尺寸值与实际分辨率相同。

思考:这是因为浏览器在获取值时判断显示分辨率放大了1.5倍，所以在获取时会以未放大的状态获取吗，还是别的原因呢

Js中关于Window Screen显示器尺寸在不同浏览器的获取值相关推荐

前端开发：JS中的Window对象详解
前言在前端开发过程中,关于全局对象的使用是非常常用的,其实每个JS环境中都一个全局对象,尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性,且任何函数都是它的方法.在实际浏览器环境下 ...
Js 怎么遍历json对象所有key及根据动态key获取值
对于json对像,怎么遍历json对象的所有key,在使用json对象时,如果无法知道key,怎么通过key变量来获取值?请参阅下面的关键代码: <html> <head>&l ...
js中的window.onload和jquery中的load区别的讲解
JavaScript 中的以下代码 [javascript] view plaincopyprint? Window.onload = function (){ // 编写代码 } Wind ...
Js中的window.parent ,window.top,window.self 详解
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法 ...
js中的history内置对象在各浏览器中的用法：
1><div οnclick="history.back()">返回测试1</div> 2><a href="#" ο ...
Js 怎么遍历json对象所有key及根据动态key获取值（根据key值获取相应的value值）...
Js代码 <script type="text/javascript"> getJson('age');function getJson(key){ var jsonO ...
Winform中实现Excel导入、表格展示、多选获取值、生成二维码、打印流程(附代码下载)
场景整体流程需求 1.导入Excel并获取Excel的数.. 2.将Excel的数据复制给DataGridView中进行显示并能实现多选. 3.根据选中的内容生成二维码. 4.将二维码打印. 整体效 ...
js 一个对象的属性名是一个变量如何设置和获取值
1.不能是变量 var obj = {}; obj.name = 'Tom' 这种方法的属性(name )不能是一个变量. 2.可以是变量 var obj = {}; obj[name] = 'Tom ...
JS中使用FormData上传文件、图片的方法
参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...

Js中关于Window Screen显示器尺寸在不同浏览器的获取值

Js中关于Window Screen显示器尺寸在不同浏览器的获取值相关推荐

最新文章

热门文章