javascript检测页面是否缩放的小例子

简单写了下，只测试了chrome，道理很简单，其他浏览器自行扩充。

复制代码 代码如下:

/*
 * zoomCheck
 */
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);
});

您可能感兴趣的文章: