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

Javascript中eval函数的使用方法与示例

Apr 09 Javascript

让IE6支持min-width和max-width的方法

Jun 25 Javascript

js创建数据共享接口——简化框架之间相互传值

Oct 23 Javascript

编写高效jQuery代码的4个原则和5个技巧

Apr 24 Javascript

详谈LABJS按需动态加载js文件

May 07 Javascript

Bootstrap的Refresh Icon也spin起来

Jul 13 Javascript

JavaScript中值类型和引用类型的区别

Feb 23 Javascript

jQuery中的deferred对象和extend方法详解

May 08 jQuery

node文件批量重命名的方法示例

Oct 23 Javascript

微信小程序云开发如何使用云函数生成二维码

May 18 Javascript

开发Node CLI构建微信小程序脚手架的示例

Mar 27 Javascript

解决vue $http的get和post请求跨域问题

Jun 07 Vue.js

排序算法的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

利用js调用后台php进行数据处理原码

2006/10/09 PHP

ueditor 1.2.6 使用方法说明

2013/07/24 PHP

php读取纯真ip数据库使用示例

2014/01/26 PHP

php将HTML表格每行每列转为数组实现采集表格数据的方法

2015/04/03 PHP

关于laravel模板中生成URL的几种模式总结

2019/10/18 PHP

根据分辩率调用不同的CSS.

2007/01/08 Javascript

Javascript技巧之不要用for in语句对数组进行遍历

2010/10/20 Javascript

javascript中onclick(this)用法介绍

2013/04/19 Javascript

如何判断鼠标是否在DIV的区域内

2013/11/13 Javascript

详解Javascript 装载和执行

2014/11/17 Javascript

浅谈 javascript 事件处理

2015/01/04 Javascript

详解JavaScript中localStorage使用要点

2016/01/13 Javascript

jQuery中$.each()函数的用法引申实例

2016/05/12 Javascript

使用JS读取XML文件的方法

2016/11/25 Javascript

浅析jQuery操作select控件的取值和设值

2016/12/07 Javascript

Vue学习笔记进阶篇之单元素过度

2017/07/19 Javascript

Angular2开发环境搭建教程之VS Code

2017/12/15 Javascript

webpack多入口文件页面打包配置详解

2018/01/09 Javascript

p5.js入门教程之平滑过渡(Easing)

2018/03/16 Javascript

vue基于两个计算属性实现选中和全选功能示例

2019/02/08 Javascript

Python中字典创建、遍历、添加等实用操作技巧合集

2015/06/02 Python

python获取酷狗音乐top500的下载地址 MP3格式

2018/04/17 Python

python3 requests中使用ip代理池随机生成ip的实例

2018/05/07 Python

简单了解python单例模式的几种写法

2019/07/01 Python

python爬取盘搜的有效链接实现代码

2019/07/20 Python

NumPy统计函数的实现方法

2020/01/21 Python

python yield和Generator函数用法详解

2020/02/10 Python

欧舒丹英国官网：购买欧舒丹护手霜等明星产品

2017/01/17 全球购物

英国最大的女性服装零售商：Dorothy Perkins

2017/03/30 全球购物

夏洛特和乔治婴儿和儿童时装精品店：Charlotte and George

2018/06/06 全球购物

会计学财务管理专业个人的自我评价

2013/10/19 职场文书

草船借箭教学反思

2014/02/03 职场文书

理想演讲稿范文

2014/05/21 职场文书

2014年教师学期工作总结

2014/11/08 职场文书

2015年母亲节活动总结

2015/02/10 职场文书

小学六一儿童节活动开幕词

2016/03/04 职场文书