利用原生JSJS监听窗口变化及获取窗口大小

js 监听浏览器窗口变化： 

window.onresize = function () {

var Width = window.innerWidth//浏览器窗口的内部宽度（包括滚动条）

|| document.documentElement.clientWidth

|| document.body.clientWidth;

var Height = window.innerHeight//浏览器窗口的内部高度（包括滚动条）

|| document.documentElement.clientWidth

|| document.body.clientHeight;

console.log(Width, Height);

}

//通过注册resize监听器，实现对窗口大小的监听
  window.addEventListener('resize', e => { 执行内容 }, false);
//溢出resize监听器
  window.removeEventListener('resize', e => { 执行内容 });

窗口大小：

var offsetWid = document.documentElement.clientWidth;
var offsetHei = document.documentElement.clientHeight;

if (/(Android)/i.test(navigator.userAgent)){     // 判断是否为Android手机
        offsetWid = screen.width;
        offsetHei = screen.height;
    }else if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){  // 判断是否为苹果手机
        offsetWid=document.documentElement.clientWidth;
        offsetHei=document.documentElement.clientHeight;
    }