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

用正则xmlHttp实现的偷(转)

Jan 22 Javascript

javascript中万恶的function实例分析

May 25 Javascript

Javascript实现的类似Google的Div拖动效果代码

Aug 09 Javascript

javascript实现完美拖拽效果

May 06 Javascript

javascript日期格式化方法汇总

Oct 04 Javascript

JQuery 在文档中查找指定name的元素并移除的实现方法

May 19 Javascript

用jQuery的AJax实现异步访问、异步加载

Nov 02 Javascript

ES6 对象的新功能与解构赋值介绍

Feb 05 Javascript

JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】

Feb 22 Javascript

layer的prompt弹出框,点击回车,触发确定事件的方法

Sep 06 Javascript

VuePress 中如何增加用户登录功能

Nov 29 Javascript

JavaScript将数组转换为链表的方法

Feb 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实现插入排序

2015/03/29 PHP

PHP实现事件机制实例分析

2015/06/26 PHP

教你在PHPStorm中配置Xdebug

2015/07/27 PHP

YII Framework教程之异常处理详解

2016/03/14 PHP

PHP面向对象五大原则之开放-封闭原则(OCP)详解

2018/04/04 PHP

PHP基于curl实现模拟微信浏览器打开微信链接的方法示例

2019/02/15 PHP

jQuery toggle()设置CSS样式

2009/11/05 Javascript

jQuery实用基础超详细介绍

2013/04/11 Javascript

jQuery写fadeTo示例代码

2014/02/21 Javascript

IE浏览器IFrame对象内存不释放问题解决方法

2014/08/22 Javascript

jQuery中toggleClass()方法用法实例

2015/01/05 Javascript

跟我学习javascript的最新标准ES6

2015/11/20 Javascript

学习JavaScript设计模式之模板方法模式

2016/01/20 Javascript

js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)

2016/01/27 Javascript

解读Bootstrap v4 sass设计

2016/05/29 Javascript

jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)

2016/06/28 Javascript

纯JS打造网页中checkbox和radio的美化效果

2016/10/13 Javascript

jQuery的Read()方法代替原生JS详解

2016/11/08 Javascript

常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全(推荐)

2016/12/20 Javascript

Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件

2017/09/18 Javascript

nodejs异步编程基础之回调函数用法分析

2018/12/26 NodeJs

详解Vue源码中一些util函数

2019/04/24 Javascript

微信小程序3D轮播实现代码

2019/09/19 Javascript

微信浏览器下拉黑边解决方案 wScroollFix

2020/01/21 Javascript

vue点击标签切换选中及互相排斥操作

2020/07/17 Javascript

Python对list列表结构中的值进行去重的方法总结

2016/05/07 Python

python实现自动发送邮件发送多人、群发、多附件的示例

2018/01/23 Python

Python交互环境下实现输入代码

2018/06/22 Python

python爬虫获取百度首页内容教学

2018/12/23 Python

使用 Python 读取电子表格中的数据实例详解

2020/04/17 Python

CSS3圆角和渐变2种常用功能详解

2016/01/06 HTML / CSS

使用CSS3设计地图上的雷达定位提示效果

2016/04/05 HTML / CSS

美国名牌香水折扣网站：Hottperfume

2021/02/10 全球购物

python调试工具Birdseye的使用教程

2021/05/25 Python

html5调用摄像头实例代码

2021/06/28 HTML / CSS

动视暴雪取消疫苗禁令让所有员工返回线下工作

2022/04/03 其他游戏