js获取屏幕缩放比例与分辨率

10,297 阅读1分钟

image.png

获取屏幕缩放比例

//获取屏幕缩放比例
function getRatio()
{
    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;
}

获取分辨率

   屏幕分辨率的高:window.screen.height*getRatio()/100   //乘以缩放比例为真实的像素
   屏幕分辨率的宽:window.screen.width*getRatio()/100    //乘以缩放比例为真实的像素
   屏幕可用工作区高度:window.screen.availHeight;    
   屏幕可用工作区宽度:window.screen.availWidth;

参考文章
www.cnblogs.com/tearer/arch… www.cnblogs.com/dyhao/p/114…