js 查看浏览器缩放比例，不是100% 则给出提示

最新推荐文章于 2023-12-25 15:25:43 发布

程序媛zcx

最新推荐文章于 2023-12-25 15:25:43 发布

阅读量1.9k

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_40015157/article/details/113624430

版权

JavaScript 专栏收录该内容

72 篇文章 9 订阅

订阅专栏

查看浏览器缩放比例，不是 100% 则给出提示

let rate = ChangeRatio();
console.log("sr" + rate);
if(rate != 100){
   alert('当前页面不是100%显示，请按键盘ctrl+0恢复100%显示标准，以防页面显示错乱！');
}

function ChangeRatio() {
    var ratio = 0;
    var screen = window.screen;
    var 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;
}