js 获取电脑的分辨率和缩放

最新推荐文章于 2024-08-06 09:59:58 发布

无心1314

最新推荐文章于 2024-08-06 09:59:58 发布

阅读量2k

点赞数 1

文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_24953751/article/details/117998626

版权

废话不多说，直接上代码

 
<script> 
function centerWindow(url,w,h){ 
l=(screen.width-w)/2 
t=(screen.height-h)/2 
window.open(url,'','left='+l+',top='+t+',width='+w+',height='+h) 
} 
</script> 
<input type=button onclick="centerWindow('about:blank',200,200)"> 
--------------------------------------------------------------- 

<body> 
<SCRIPT LANGUAGE="JavaScript"> 
var s ="网页可见区域宽："+ document.body.clientWidth; 
s+="\r\n网页可见区域高："+ document.body.clientHeight; 
s += "\r\n网页正文全文宽："+ document.body.scrollWidth; 
s += "\r\n网页正文全文高："+ document.body.scrollHeight; 
s += "\r\n网页正文部分上："+ window.screenTop; 
s += "\r\n网页正文部分左："+ window.screenLeft; 
s += "\r\n屏幕分辨率的高："+ window.screen.height; 
s += "\r\n屏幕分辨率的宽："+ window.screen.width; 
s +="\r\n屏幕可用工作区高度："+ window.screen.availHeight; 
s +="\r\n屏幕可用工作区宽度："+ window.screen.availWidth; 
alert(s); 
</SCRIPT> 
--------------------------------------------------------------- 

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
function redirectPage() { 

/*var url640x480 = "http://www.yourweb.com/640x480.html";**记得改相应的页面*/ 
var url800x600 = "index1.asp"; 
var url1024x768 = "index2.asp"; 
/*if ((screen.width == 640) && (screen.height == 480)) 
window.location.href= url640x480;*/ 
if (screen.width <= 800 ) 
window.location.href= url800x600; 
else if ((screen.width >= 1024) ) 
window.location.href= url1024x768; 
} 


detectZoom();
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);
  }
  alert(ratio);
   return ratio;
};

// End --> 
</script>