栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

JavaScript 如何在所有现代浏览器中检测页面缩放级别?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript 如何在所有现代浏览器中检测页面缩放级别?

这是Firefox 4的二进制搜索,因为我不知道它公开的任何变量:

<style id=binarysearch></style><div id=dummyElement>Dummy element to test media queries.</div><script>var mediaQueryMatches = function(property, r) {  var style = document.getElementById('binarysearch');  var dummyElement = document.getElementById('dummyElement');  style.sheet.insertRule('@media (' + property + ':' + r +   ') {#dummyElement ' +   '{text-decoration: underline} }', 0);  var matched = getComputedStyle(dummyElement, null).textDecoration      == 'underline';  style.sheet.deleteRule(0);  return matched;};var mediaQueryBinarySearch = function(    property, unit, a, b, maxIter, epsilon) {  var mid = (a + b)/2;  if (maxIter == 0 || b - a < epsilon) return mid;  if (mediaQueryMatches(property, mid + unit)) {    return mediaQueryBinarySearch(        property, unit, mid, b, maxIter-1, epsilon);  } else {    return mediaQueryBinarySearch(        property, unit, a, mid, maxIter-1, epsilon);  }};var mozDevicePixelRatio = mediaQueryBinarySearch(    'min--moz-device-pixel-ratio', '', a, b, maxIter, epsilon);var ff35DevicePixelRatio = screen.width / mediaQueryBinarySearch(    'min-device-width', 'px', 0, 6000, 25, .0001);</script>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/398728.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号