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

json 实例详细说明教程

Oct 31 Javascript

JavaScript中对循环语句的优化技巧深入探讨

Jun 06 Javascript

JS实现文字链接感应鼠标淡入淡出改变颜色的方法

Feb 26 Javascript

继续学习javascript闭包

Dec 03 Javascript

JavaScript中的跨浏览器事件操作的基本方法整理

May 20 Javascript

AngularJS基础 ng-copy 指令实例代码

Aug 01 Javascript

js倒计时小实例（多次定时）

Dec 08 Javascript

Angularjs使用指令做表单校验的方法

Mar 31 Javascript

浅谈JS获取元素的N种方法及其动静态讨论

Aug 25 Javascript

react.js 父子组件数据绑定实时通讯的示例代码

Sep 25 Javascript

r.js来合并压缩css文件的示例

Apr 26 Javascript

bootstrap-treeview实现多级树形菜单后台JSON格式如何组织?

Jul 26 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连接Oracle数据库

2006/10/09 PHP

php设计模式 Chain Of Responsibility (职责链模式)

2011/06/26 PHP

php中substr()函数参数说明及用法实例

2014/11/15 PHP

PHP类的封装与继承详解

2015/09/29 PHP

浅谈php中的循环while、do...while、for、foreach四种循环

2016/11/05 PHP

Laravel 批量更新多条数据的示例

2017/11/27 PHP

PHP实现微信小程序人脸识别刷脸登录功能

2018/05/24 PHP

PHP实现二维数组按照指定的字段进行排序算法示例

2019/04/23 PHP

jquery 插件开发方法小结

2009/10/23 Javascript

利用JQuery和JS实现奇偶行背景颜色自定义效果

2012/11/19 Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

2013/02/05 Javascript

JavaScript中的acos()方法使用详解

2015/06/14 Javascript

JS实现的自定义右键菜单实例二则

2015/09/01 Javascript

layui table设置前台过滤转义等方法

2018/08/17 Javascript

原生JS检测CSS3动画是否结束的方法详解

2019/01/27 Javascript

使用Vue调取接口,并渲染数据的示例代码

2019/10/28 Javascript

js中Function引用类型常见有用的方法和属性详解

2019/12/11 Javascript

python中偏函数partial用法实例分析

2015/07/08 Python

python的socket编程入门

2018/01/29 Python

python使用matplotlib画饼状图

2018/09/25 Python

python多进程控制学习小结

2018/10/31 Python

Python一行代码实现快速排序的方法

2019/04/30 Python

解决python中使用PYQT时中文乱码问题

2019/06/17 Python

python KNN算法实现鸢尾花数据集分类

2019/10/24 Python

python滑块验证码的破解实现

2019/11/10 Python

pycharm无法导入本地模块的解决方式

2020/02/12 Python

Django模板报TemplateDoesNotExist异常(亲测可行)

2020/12/18 Python

虚拟环境及venv和virtualenv的区别说明

2021/02/05 Python

美国50岁以上单身人士约会平台：SilverSingles

2018/06/29 全球购物

Amcal中文官网：澳洲综合性连锁药房

2019/03/28 全球购物

求职简历中自我评价

2014/01/28 职场文书

2014年基层党建工作总结

2014/11/11 职场文书

2014年部门工作总结

2014/11/12 职场文书

2014年食堂工作总结

2014/11/20 职场文书

毕业感言怎么写

2015/07/31 职场文书

用Python监控你的朋友都在浏览哪些网站？

2021/05/27 Python