js獲取瀏覽器的縮放狀態，瀏覽器右上角的百分比縮放后的狀態

首先說明，這里所說的瀏覽器狀態是指用戶點擊瀏覽器左上角的放大加號/減號所產生的頁面整體變大變小的情況（快捷鍵：Ctrl+加號或 Ctrl+減號 或 Ctrl+滾輪上下）

實現代碼如下：

detectZoom 函數的返回值如果是 100 就是默認縮放級別，大於 100 則是放大了，小於 100 則是縮小了。

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

var ratio = detectZoom ()

// 打印當前縮放值
console.log(ratio)

// 判斷是否縮放

if(ratio > 100){
  console.log("放大啦")  
}else if(ratio < 100){
    console.log("縮小了")
}else{
  console.log("100%")      
}