javascript检测浏览器的缩放状态实现代码
来源:互联网 发布:c语言从入门到入土 编辑:程序博客网 时间:2024/06/10 06:00
这里所说的缩放不是指浏览器大小的缩放,而是指浏览器网页内容的百分比缩放(按Ctrl和+号键或者-号键的缩放)。
检测这种缩放有很种方法,QQ空间都通过flash来检测浏览器是否处于缩放。这里提供javascript的方法来检测浏览器的缩放。
对于 IE6,就直接无视了,因为 IE6 只能对文本进行缩放。
先来说说浏览器提供的标准检测接口,window.devicePixelRatio 是设备上物理像素和设备独立像素的比例,该属性就可以用于检测网页是否被缩放了。在普通的 PC 浏览器上,在默认无缩放的情况下其默认值是 1。目前Firefox、chrome等都得到了很好的支持。
好吧,接下来该说说 IE 的处理方法了。IE 提供了 window.screen.deviceXDPI 和 window.screen.logicalXDPI 两个属性,deviceXDPI 就是对应的设备上的物理像素,而 logicalXDPI 就是对应了设备独立像素的比例。估计标准的检测接口也只是基于 IE 这种方法的一种改进。这两个属性在 windows XP+ 以上的系统上的默认值都是 96,因为系统默认的就是 96dpi 。
对于以上两种都不支持的浏览器,还可以利用window.outerWidth 和 window.innerWidth 这两个属性。outerWidth 返回的是窗口元素的外部实际宽度,innerWidth 返回的是窗口元素的内部实际宽度,这两个宽度都包含了滚动条在内的宽度。
有了这些属性基本就可以搞定 PC 浏览器上常见的浏览器了。实现代码如下:
detectZoom 函数的返回值如果是 100 就是默认缩放级别,大于 100 则是放大了,小于 100 则是缩小了。
- javascript检测浏览器的缩放状态实现代码
- javascript检测浏览器的代码
- 常用的检测浏览器的javascript代码
- Broswer:浏览器缩放的检测
- javascript 检测浏览器类型、操作系统平台的代码
- javascript等比例缩放图片的实现代码
- JavaScript对浏览器的检测
- 检测手机电池状态的代码
- 禁止浏览器缩放网页的HTML代码
- 用CSS3实现浏览器的缩放功能
- 实现类似浏览器的缩放页面比例
- javascript高级程序设计中的浏览器检测、浏览器引擎检测,平台检测完整代码
- 常用的JavaScript检测浏览器为IE是哪个版本的代码
- css3实现浏览器缩放
- Javascript检测访问的浏览器的操作系统
- 使用JavaScript检测浏览器的相关特性
- 说说 JavaScript 对浏览器的能力检测
- 说说 JavaScript 对浏览器的怪癖检测
- AsyncTask和Thread Handler对比
- http协议简单了解
- 配置https服务器系列之二:windows服务器配置letsencrypt证书
- Android源码下载
- JAVA简单工厂模式(从现实生活角度理解代码原理)
- javascript检测浏览器的缩放状态实现代码
- 微信朋友圈技术之道:三个人的后台团队与每日十亿的发布量
- 实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- java核心技术----接口
- 在一个html页面加载另一个html页面
- 架构案例丨微信Android客户端架构演进之路
- js转换
- Apache Commons Lang3 API地址收藏
- 拼图响应式前端框架版响应式后台正式发布