如何檢測頁面是否進行了縮放

admin發表於2017-02-22
下面是一段可以檢測網頁是否進行縮放的程式碼。希望能夠給需要它的朋友帶來幫助。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>彈性返回頂部JS程式碼</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
jQuery(function($){ 
  var dCheck = $("#zoomCheck");
  if(dCheck.size() != 0){
    return;
  }
  dCheck = $("<span></span>").attr('id',"zoomCheck").css({
    position :'fixed',
    left : '5px'
  }).hide().appendTo('body');
  var time;
  time = setInterval(function(){
    dCheck.show();
    var left = dCheck.position().left;
    dCheck.hide();
    if(left != 5){
      clearInterval(time);
      alert('你的頁面處於縮放狀態，頁面顯示會有問題，請設定為正常狀態。windows:ctrl+0   mac:command+0');
    }
  },2000);
});
</script>
</head>
<body>
</html>

相關文章