编程 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 相关文章推荐

基于jquery实现一张图片点击鼠标放大再点缩小

Sep 29 Javascript

jQuery事件用法实例汇总

Aug 29 Javascript

JavaScript中的值是按值传递还是按引用传递问题探讨

Jan 30 Javascript

jQuery实现三级菜单的代码

May 09 Javascript

jQuery实现简单的网页换肤效果示例

Sep 18 Javascript

Angular下H5上传图片的方法（可多张上传）

Jan 09 Javascript

JavaScript实现瀑布流图片效果

Jun 30 Javascript

electron demo项目npm install安装失败的解决方法

Feb 06 Javascript

在vue中实现点击选择框阻止弹出层消失的方法

Sep 15 Javascript

微信小程序页面滚动到指定位置代码实例

Sep 07 Javascript

详解ES6数组方法find()、findIndex()的总结

May 12 Javascript

如何手动实现一个 JavaScript 模块执行器

Oct 16 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初学者头痛的十四个问题

2006/07/12 PHP

PHP中usort在值相同时改变原始位置问题的解决方法

2011/11/27 PHP

JSON在PHP中的应用介绍

2012/09/08 PHP

PHP实现的博客欢迎提示功能（很特别哦）

2014/06/05 PHP

php 运算符与表达式详细介绍

2016/11/30 PHP

详解php用curl调用接口方法，get和post两种方式

2017/01/13 PHP

javascript里模拟sleep(两种实现方式)

2013/01/25 Javascript

在JavaScript里防止事件函数高频触发和高频调用的方法

2014/09/06 Javascript

Nodejs实现的一个简单udp广播服务器、客户端

2014/09/25 NodeJs

node.js中的fs.appendFileSync方法使用说明

2014/12/17 Javascript

JS实现简单的图书馆享元模式实例

2015/06/30 Javascript

仅30行代码实现Javascript中的MVC

2016/02/15 Javascript

jquery 中toggle的2种用法详解(推荐)

2016/09/02 Javascript

微信小程序 122100版本更新问题解决方案

2016/12/22 Javascript

js中toString()和String()区别详解

2017/03/23 Javascript

微信web端后退强制刷新功能的实现代码

2018/03/04 Javascript

Javascript获取某个月的天数

2018/05/30 Javascript

Vue组件之单向数据流的解决方法

2018/11/10 Javascript

Vue.js实现的购物车功能详解

2019/01/27 Javascript

vux-scroller实现移动端上拉加载功能过程解析

2019/10/08 Javascript

js实现的在本地预览图片功能示例

2019/11/09 Javascript

javascript中layim之查找好友查找群组

2021/02/06 Javascript

给Python的Django框架下搭建的BLOG添加RSS功能的教程

2015/04/08 Python

详解Django中六个常用的自定义装饰器

2018/07/04 Python

Python全局变量与局部变量区别及用法分析

2018/09/03 Python

python中的print()输出

2019/04/12 Python

pyqt5 comboBox获得下标、文本和事件选中函数的方法

2019/06/14 Python

python打包exe开机自动启动的实例(windows)

2019/06/28 Python

python logging模块的使用总结

2019/07/09 Python

python实现连连看辅助之图像识别延伸

2019/07/17 Python

Python中bisect的使用方法

2019/12/31 Python

pytorch masked_fill报错的解决

2020/02/18 Python

统计岗位职责

2014/02/21 职场文书

先进单位申报材料

2014/12/25 职场文书

经典法律座右铭（50句）

2019/08/15 职场文书

Java实现扫雷游戏详细代码讲解

2022/05/25 Java/Android