JavaScript检查浏览器缩放状态

最新推荐文章于 2024-10-30 17:03:23 发布

lt_1111

最新推荐文章于 2024-10-30 17:03:23 发布

阅读量405

点赞数

分类专栏： JavaScript常用函数文章标签： javascript

本文链接：https://blog.youkuaiyun.com/lt_1111/article/details/120301620

版权

JavaScript 屏幕缩放浏览器检测响应式设计前端开发

关键词由优快云通过智能技术生成

JavaScript常用函数专栏收录该内容

9 篇文章

订阅专栏

function detectZoom(){
        let x = document.createElement('div');
        let openControl = false;
        Object.defineProperty(x, 'id', {
            get:function(){
                // 在这里放入你的代码
                openControl = true;
            }
        });
        let n = {};
        let t = window;
        n.ie = function() {
            return t.screen.deviceXDPI / t.screen.logicalXDPI;
        },
        n.firefox = function() {
            return t.devicePixelRatio ? t.devicePixelRatio : o("min--moz-device-pixel-ratio", "", 0, 10, 20, 1e-4);
        },
        n.opera = function() {
            return t.outerWidth / t.innerWidth;
        },
        n.chrome = function() {
            return t.outerWidth / t.innerWidth;
        },
        n.safari = function() {
            return t.outerWidth / t.innerWidth;
        };
        let ratio = Math.round(n[this.getBrowser()]()*100);
        // 360安全浏览器下的innerWidth包含了侧边栏的宽度
        if (ratio !== 100) {
            if (ratio >= 95 && ratio <= 105) {
                ratio = 100;
            }
        }
        if(openControl){
            ratio = 100;
        }
        return  ratio;
  }