编程 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实现兼容IE7的类库 IE7_0_9.zip提供下载

Aug 08 Javascript

javascript与jquery中跳出循环的区别总结

Nov 04 Javascript

jQuery中hide()方法用法实例

Dec 24 Javascript

js进行表单验证实例分析

Feb 10 Javascript

贴近用户体验的Jquery日期、时间选择插件

Aug 19 Javascript

JavaScript正则表达式校验与递归函数实际应用实例解析

Aug 04 Javascript

JavaScript中的return布尔值的用法和原理解析

Aug 14 Javascript

web前端vue filter 过滤器

Jan 12 Javascript

如何在vue里面优雅的解决跨域(路由冲突问题)

Jan 20 Javascript

富文本编辑器vue2-editor实现全屏功能

May 26 Javascript

了解重排与重绘

May 29 Javascript

JS原型对象操作实例分析

Jun 06 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函数解决SQL injection

2006/10/09 PHP

php Undefined index的问题

2009/06/01 PHP

一些php项目中比较通用的php自建函数的详解

2013/06/06 PHP

php封装db类连接sqlite3数据库的方法实例

2017/12/19 PHP

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

2018/08/08 PHP

JavaScript 10件让人费解的事情

2010/02/15 Javascript

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数

2012/01/21 Javascript

一个关于javascript匿名函数的问题分析

2012/03/30 Javascript

html a标签-超链接中confirm方法使用介绍

2013/01/04 Javascript

基于jQuery实现图片的前进与后退功能

2013/04/24 Javascript

javascript-简单的日历实现及Date对象语法介绍(附图)

2013/05/30 Javascript

javascript实现左右控制无缝滚动

2014/12/31 Javascript

使用JQuery实现的分页插件分享

2015/11/05 Javascript

JS DOMReady事件的六种实现方法总结

2016/11/23 Javascript

巧用数组制作图片切换js代码

2016/11/29 Javascript

详解cordova打包成webapp的方法

2017/10/18 Javascript

详解Angular调试技巧之报错404(not found)

2018/01/31 Javascript

JavaScript高级函数应用之分时函数实例分析

2018/08/03 Javascript

教你30秒发布一个TypeScript包到NPM的方法步骤

2019/07/22 Javascript

JS实现可用滑块滑动的缓动图代码

2019/09/01 Javascript

jQuery实现简单全选框

2020/09/13 jQuery

Python中的二叉树查找算法模块使用指南

2014/07/04 Python

python微信跳一跳系列之棋子定位颜色识别

2018/02/26 Python

Pycharm连接远程服务器并实现远程调试的实现

2019/08/02 Python

Python configparser模块操作代码实例

2020/06/08 Python

浅谈tensorflow 中的图片读取和裁剪方式

2020/06/30 Python

CSS3教程(7):CSS3嵌入字体

2009/04/02 HTML / CSS

ivx平台开发之不用代码实现一个九宫格抽奖功能

2021/01/27 HTML / CSS

PUMA澳大利亚官方网站：德国运动品牌

2018/10/19 全球购物

西班牙购买行李箱和背包网站：Maletas Greenwich

2019/10/08 全球购物

设计模式的基本要素是什么

2014/04/21 面试题

先进员工获奖感言

2014/08/14 职场文书

纺织工程专业推荐信

2014/09/08 职场文书

小学红领巾广播稿（3篇）

2014/09/13 职场文书

2014年安全生产工作总结

2014/11/13 职场文书

Golang: 内建容器的用法

2021/05/05 Golang