编程 Javascript

浏览器缩放检测的js代码

Posted in Javascript onSeptember 28, 2014

测试代码

http://jsbin.com/dipijeqi/11

效果：

chrome

window.devicePixelRatio : 2  (准确)

screen.deviceXDPI / screen.logicalXDPI : NaN

window.outerWidth / window.innerWidth : 2

document.documentElement.offsetHeight / window.innerHeight : 0.020618556701030927 (有相关性)

window.top.outerWidth / window.top.innerWidth : 2

window.devicePixelRatio : 1.5 (准确)

screen.deviceXDPI / screen.logicalXDPI : NaN

window.outerWidth / window.innerWidth : 1.0114583333333333

document.documentElement.offsetHeight / window.innerHeight : 0.023391812865497075  (有相关性)

window.top.outerWidth / window.top.innerWidth : 1.0114583333333333

ie 8

window.devicePixelRatio : undefined

screen.deviceXDPI / screen.logicalXDPI : 1.5416666666666667 (大致准确)

window.outerWidth / window.innerWidth : NaN

document.documentElement.offsetHeight / window.innerHeight : NaN

window.top.outerWidth / window.top.innerWidth : NaN

ie11

window.devicePixelRatio : 1.5 (准确)

screen.deviceXDPI / screen.logicalXDPI : 1.5

window.outerWidth / window.innerWidth : 1.0084033613445377

document.documentElement.offsetHeight / window.innerHeight : 0.02203856749311295 (有相关性)

window.top.outerWidth / window.top.innerWidth : 1.0084033613445377

ie10

window.devicePixelRatio : undefined

screen.deviceXDPI / screen.logicalXDPI : 1.5 (准确)

window.outerWidth / window.innerWidth : 1.0084033613445377

document.documentElement.offsetHeight / window.innerHeight : 1

window.top.outerWidth / window.top.innerWidth : 1.0084033613445377

ie9

window.devicePixelRatio : undefined

screen.deviceXDPI / screen.logicalXDPI : 1.5 (准确)

window.outerWidth / window.innerWidth : 1.0084033613445377

document.documentElement.offsetHeight / window.innerHeight : 1

window.top.outerWidth / window.top.innerWidth : 1.0084033613445377

360 6.3(完全没反应)

window.devicePixelRatio : undefined

screen.deviceXDPI / screen.logicalXDPI : 1

window.outerWidth / window.innerWidth : NaN

document.documentElement.offsetHeight / window.innerHeight : NaN

window.top.outerWidth / window.top.innerWidth : NaN

360极速浏览器

window.devicePixelRatio : 1

screen.deviceXDPI / screen.logicalXDPI : NaN

window.outerWidth / window.innerWidth : 1.5

document.documentElement.offsetHeight / window.innerHeight : 0.015267175572519083

window.top.outerWidth / window.top.innerWidth : 1.5(准确)

搜狗高速浏览器 (完全没反应)

window.devicePixelRatio : undefined

screen.deviceXDPI / screen.logicalXDPI : 1

window.outerWidth / window.innerWidth : NaN

document.documentElement.offsetHeight / window.innerHeight : NaN

window.top.outerWidth / window.top.innerWidth : NaN

淘宝浏览器

window.devicePixelRatio : 1

screen.deviceXDPI / screen.logicalXDPI : NaN

window.outerWidth / window.innerWidth : 2.0710059171597632  (大致准确)

document.documentElement.offsetHeight / window.innerHeight : 0.022988505747126436

window.top.outerWidth / window.top.innerWidth : 2.0710059171597632

浏览器缩放检测的js代码

- Author -

99js

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js动态创建表格,删除行列的小例子

Jul 20 Javascript

用jquery中插件dialog实现弹框效果实例代码

Nov 15 Javascript

JS检测输入字符是否包含非法字符的示例代码

Feb 11 Javascript

javascript图片预加载实例分析

Jul 16 Javascript

JS实现带圆弧背景渐变效果的导航菜单代码

Oct 13 Javascript

使用Node.js处理前端代码文件的编码问题

Feb 16 Javascript

修改js confirm alert 提示框文字的简单实例

Jun 10 Javascript

bootstrap栅格系统示例代码分享

May 22 Javascript

JS实现页面打印（整体、局部）

Aug 18 Javascript

Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例

Mar 27 Javascript

vue 指令之气泡提示效果的实现代码

Oct 18 Javascript

傻瓜式解读koa中间件处理模块koa-compose的使用

Oct 30 Javascript

排序算法的javascript实现与讲解(99js手记)

Sep 28 #Javascript

Javascript中封装window.open解决不兼容问题

Sep 28 #Javascript

jQuery固定浮动侧边栏实现思路及代码

Sep 28 #Javascript

js文件包含的几种方式介绍

Sep 28 #Javascript

javascript中bind函数的作用实例介绍

Sep 28 #Javascript

js和jquery如何获取图片真实的宽度和高度

Sep 28 #Javascript

一个jquery实现的不错的多行文字图片滚动效果

Sep 28 #Javascript

You might like

PHP使用Redis替代文件存储Session的方法

2017/02/15 PHP

tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析

2020/02/11 PHP

JS的IE和Firefox兼容性集锦

2006/12/11 Javascript

jQuery boxy弹出层插件中文演示及使用讲解

2011/02/24 Javascript

详解JavaScript函数绑定

2013/08/18 Javascript

javascript 获取元素样式必杀技

2014/05/04 Javascript

javascript学习笔记（一）基础知识

2014/09/30 Javascript

让angularjs支持浏览器自动填表

2014/11/10 Javascript

使用js实现数据格式化

2014/12/03 Javascript

jQuery.position()方法获取不到值的安全替换方法

2015/03/13 Javascript

js针对ip地址、子网掩码、网关的逻辑性判断

2016/01/06 Javascript

dul无法加载bootstrap实现unload table/user恢复

2016/09/29 Javascript

js实现放大镜特效

2017/05/18 Javascript

Vue AST源码解析第一篇

2017/07/19 Javascript

详解PHP后期静态绑定分析与应用

2018/03/21 Javascript

python实现查询苹果手机维修进度

2015/03/16 Python

深入浅析ImageMagick命令执行漏洞

2016/10/11 Python

python xml.etree.ElementTree遍历xml所有节点实例详解

2016/12/04 Python

Python优先队列实现方法示例

2017/09/21 Python

Python语言描述连续子数组的最大和

2018/01/04 Python

python实现快速排序的示例(二分法思想)

2018/03/12 Python

python钉钉机器人运维脚本监控实例

2019/02/20 Python

django的分页器Paginator 从django中导入类

2019/07/25 Python

SISLEY希思黎官方旗舰店：享誉全球的奢华植物美容品牌

2018/04/25 全球购物

美国家居装饰店：Z Gallerie

2020/12/28 全球购物

.NET里面如何取得当前的屏幕分辨率

2012/12/06 面试题

什么是SCM(软件配置管理)

2014/08/16 面试题

前台接待员岗位职责

2014/01/02 职场文书

师德师风演讲稿

2014/05/05 职场文书

红色故事演讲稿

2014/05/22 职场文书

公务员年度考核登记表个人总结

2015/02/12 职场文书

2015年学校总务工作总结

2015/07/20 职场文书

地震捐款简报

2015/07/21 职场文书

微信小程序实现录音Record功能

2021/05/09 Javascript

Golang MatrixOne使用介绍和汇编语法

2022/04/19 Golang

spring 项目实现限流方法示例

2022/07/15 Java/Android