编程 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实现点击栏目背景色改变

Dec 10 Javascript

js中indexof的用法详细解析

Dec 24 Javascript

Javascript中使用A标签获取当前目录的绝对路径方法

Mar 02 Javascript

jquery中的常见问题及快速解决方法小结

Jun 14 Javascript

解决前端跨域问题方案汇总

Nov 20 Javascript

jQuery鼠标悬停内容动画切换效果

Apr 27 jQuery

关于Vue Webpack2单元测试示例详解

Aug 14 Javascript

vue、react等单页面项目应该这样子部署到服务器

Jan 03 Javascript

ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)

Feb 08 Javascript

Node.js进阶之核心模块https入门

May 23 Javascript

详解vue.js根据不同环境(正式、测试)打包到不同目录

Jul 13 Javascript

Vue 重置组件到初始状态的方法示例

Oct 10 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代码

2008/09/10 PHP

php getsiteurl()函数

2009/09/05 PHP

ThinkPHP实现将本地文件打包成zip下载

2014/06/26 PHP

浅析PHP中的i++与++i的区别及效率

2016/06/15 PHP

thinkPHP+ajax实现统计页面pv浏览量的方法

2017/03/15 PHP

php之可变变量的实例详解

2017/09/12 PHP

php中输出json对象的值(实现方法)

2018/03/07 PHP

获取焦点时,利用js定时器设定时间执行动作

2010/04/02 Javascript

z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

2015/11/18 Javascript

Nodejs express框架一个工程中同时使用ejs模版和jade模版

2015/12/28 NodeJs

JavaScript数组的一些奇葩行为

2016/01/25 Javascript

微信小程序 video组件详解

2016/10/25 Javascript

JSON与js对象序列化实例详解

2017/03/16 Javascript

vue打包之后生成一个配置文件修改接口的方法

2018/12/09 Javascript

vue-cli3项目展示本地Markdown文件的方法

2019/06/07 Javascript

vue webpack重写cookie路径的方法

2019/07/10 Javascript

JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

2019/11/25 Javascript

解决微信小程序scroll-view组件无横向滚动的问题

2020/02/04 Javascript

vue中是怎样监听数组变化的

2020/10/24 Javascript

详解JavaScript中的this指向问题

2021/02/05 Javascript

[01:51]2018年度CS GO最具人气外援-完美盛典

2018/12/16 DOTA

在Python3中使用asyncio库进行快速数据抓取的教程

2015/04/02 Python

Python切换pip安装源的方法详解

2016/11/18 Python

Pycharm代码无法复制,无法选中删除,无法编辑的解决方法

2018/10/22 Python

python实现简易动态时钟

2018/11/19 Python

Python实现网站表单提交和模板

2019/01/15 Python

Python使用sax模块解析XML文件示例

2019/04/04 Python

KIEHL’S科颜氏官方旗舰店：源自美国的顶级护肤品牌

2018/06/07 全球购物

韩国最大的购物网站：Gmarket

2019/06/20 全球购物

简述网络文件系统NFS，并说明其作用

2016/10/19 面试题

一些Unix笔试题和面试题

2013/01/22 面试题

Linux的文件类型

2016/07/05 面试题

机械机修工岗位职责

2014/08/03 职场文书

村道德模范事迹材料

2014/08/28 职场文书

学籍证明模板

2014/11/21 职场文书

公司经营目标责任书

2015/01/29 职场文书