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

学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)

Mar 10 Javascript

不间断滚动JS打包类，基本可以实现所有的滚动效果，太强了

Dec 08 Javascript

JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版

Apr 02 Javascript

JavaScript中圆括号()和方括号[]的特殊用法疑问解答

Aug 06 Javascript

Javascript 颜色渐变效果的实现代码

Oct 01 Javascript

js 鼠标移动显示图片的简单实例

Dec 25 Javascript

JavaScript显示当前文档最后修改日期的方法

Mar 19 Javascript

jQuery实现定时读取分析xml文件的方法

Jul 16 Javascript

JavaScript中的闭包

Feb 24 Javascript

JavaScript+Java实现HTML页面转为PDF文件保存的方法

May 30 Javascript

JS数组去掉重复数据只保留一条的实现代码

Aug 11 Javascript

vue.js组件vue-waterfall-easy实现瀑布流效果

Aug 22 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

百事可乐也出咖啡了双倍咖啡因双倍快乐

2021/03/03 咖啡文化

PHP中simplexml_load_string函数使用说明

2011/01/01 PHP

跟我学Laravel之路由

2014/10/15 PHP

php字符串按照单词进行反转的方法

2015/03/14 PHP

Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解

2016/03/07 PHP

浅谈php中变量的数据类型判断函数

2017/03/04 PHP

浅谈PHP的exec()函数无返回值排查方法(必看)

2017/03/31 PHP

PHP命令Command模式用法实例分析

2018/08/08 PHP

Jquery中getJSON在asp.net中的使用说明

2011/03/10 Javascript

基于jQuery捕获超链接事件进行局部刷新代码

2012/05/10 Javascript

js数组的基本用法及数组根据下标(数值或字符)移除元素

2013/10/20 Javascript

JS获取文本框,下拉框,单选框的值的简单实例

2014/02/26 Javascript

Node调试工具JSHint的安装及配置教程

2014/05/27 Javascript

jQuery制作效果超棒的手风琴折叠菜单

2015/04/03 Javascript

JS打字效果的动态菜单代码分享

2015/08/21 Javascript

Jquery Ajax Error 调试错误的技巧

2015/11/20 Javascript

基于JavaScript实现类似于百度学术高级检索功能

2016/03/02 Javascript

Node.js操作Firebird数据库教程

2016/03/04 Javascript

angularjs+bootstrap实现自定义分页的实例代码

2017/06/19 Javascript

vue组件中使用props传递数据的实例详解

2018/04/08 Javascript

新手如何快速理解js异步编程

2019/06/24 Javascript

用python + openpyxl处理excel2007文档思路以及心得

2014/07/14 Python

python交互式图形编程实例（二）

2017/11/17 Python

Python中矩阵库Numpy基本操作详解

2017/11/21 Python

小米5s微信跳一跳小程序python源码

2018/01/08 Python

python奇偶行分开存储实现代码

2018/03/19 Python

python-opencv获取二值图像轮廓及中心点坐标的代码

2019/08/27 Python

用html5的canvas和JavaScript创建一个绘图程序的简单实例

2016/07/06 HTML / CSS

美国著名的团购网站：Woot

2016/08/02 全球购物

物理专业本科生自荐信

2014/01/30 职场文书

专家推荐信范文

2015/03/26 职场文书

优秀班主任工作总结2015

2015/05/25 职场文书

2015年财务人员个人工作总结

2015/07/27 职场文书

爱心捐款倡议书：点燃希望，传递温暖

2019/11/04 职场文书

利用javaScript处理常用事件详解

2021/04/14 Javascript

90行Python代码开发个人云盘应用

2021/04/20 Python