12°

js实现禁止pc端浏览器缩放和获取当前页面浏览器的缩放大小

由于浏览器菜单栏属于系统软件权限,没发控制,我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况,只能通过js来控制了 下面是用juery和原生js实现的代码: img

test测试test测试test测试test测试

获取当前页面浏览器的缩放大小: // 判断pc浏览器是否缩放,若返回100则为默认无缩放,如果大于100则是放大,否则缩小 function detectZoom (){ var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio; } else if (~ua.indexOf('msie')) { if (screen.deviceXDPI && screen.logicalXDPI) { ratio = screen.deviceXDPI / screen.logicalXDPI; } } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { ratio = window.outerWidth / window.innerWidth; } if (ratio){ ratio = Math.round(ratio * 100); } return ratio; }; //具体实现demo: 浏览器网页内容的百分比缩放(按Ctrl和+号键或者-号键的缩放) 知乎客户端

本文由【前端热爱者】发布于开源中国,原文链接:https://my.oschina.net/fcweb/blog/3137028

全部评论: 0

    我有话说: