编程 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 高级篇之闭包、模拟类,继承（五）

Apr 07 Javascript

JavaScript获取网页中第一个图片id的方法

Apr 03 Javascript

javascript自定义in_array()函数实现方法

Aug 03 Javascript

JS鼠标拖拽实例分析

Nov 23 Javascript

JS中setTimeout的巧妙用法前端函数节流

Mar 24 Javascript

JSON对象详解及实例代码

Oct 18 Javascript

Centos7 中安装 Node.js v4.4.4

Nov 03 Javascript

react.js CMS 删除功能的实现方法

Apr 17 Javascript

手把手搭建安装基于windows的Vue.js运行环境

Jun 12 Javascript

vue+vuex+axios+echarts画一个动态更新的中国地图的方法

Dec 19 Javascript

javascript将非数值转换为数值

Sep 13 Javascript

vue配置接口域名方法总结

May 12 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冒泡排序算法的深入理解

2013/06/09 PHP

CI框架中通过hook的方式实现简单的权限控制

2015/01/07 PHP

PHP dirname(__FILE__)原理及用法解析

2020/10/28 PHP

Firefox getBoxObjectFor getBoundingClientRect联系

2008/10/26 Javascript

面向对象的Javascript之三(封装和信息隐藏)

2012/01/27 Javascript

js判断滚动条是否已到页面最底部或顶部实例

2014/11/20 Javascript

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

2014/12/15 Javascript

学习Bootstrap滚动监听附调用方法

2016/07/02 Javascript

浅谈angular懒加载的一些坑

2016/08/20 Javascript

JS调用Android、Ios原生控件

2017/01/06 Javascript

Bootstrap 中data-[*] 属性的整理

2018/03/13 Javascript

使用electron实现百度网盘悬浮窗口功能的示例代码

2018/10/24 Javascript

nodejs中方法和模块用法示例

2018/12/24 NodeJs

javascript系统时间设置操作示例

2019/06/17 Javascript

[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/18 DOTA

神经网络理论基础及Python实现详解

2017/12/15 Python

python中logging模块的一些简单用法的使用

2019/02/22 Python

解决Python内层for循环如何break出外层的循环的问题

2019/06/24 Python

如何使用Python实现自动化水军评论

2019/06/26 Python

Python使用type关键字创建类步骤详解

2019/07/23 Python

Django实现CAS+OAuth2的方法示例

2019/10/30 Python

使用Python测试Ping主机IP和某端口是否开放的实例

2019/12/17 Python

解决Tensorflow 内存泄露问题

2020/02/05 Python

利用python实现后端写网页（flask框架）

2021/02/28 Python

＂序列点＂是什么

2016/07/29 面试题

销售找工作求职信

2013/12/20 职场文书

护理毕业生自荐信范文

2013/12/22 职场文书

水电工岗位职责

2014/02/12 职场文书

《落花生》教学反思

2014/02/25 职场文书

2015届本科毕业生自我鉴定

2014/09/27 职场文书

不尊敬老师的检讨书

2014/12/21 职场文书

社区干部培训心得体会

2016/01/06 职场文书

入党申请书格式

2019/06/20 职场文书

Python 机器学习工具包SKlearn的安装与使用

2021/05/14 Python

Oracle表空间与权限的深入讲解

2021/11/17 Oracle

Mysql 一主多从的部署

2022/05/20 MySQL