站三界导航
首页 JS代码JS判断浏览器是否最小方法的方法

JS判断浏览器是否最小方法的方法

  • JS代码
  • 来源:站三界导航
  • 85阅读
  • 2022-07-07

方法1:

鼠标拖动浏览器的窗口,用JS resize 事件方法来判断窗口是否最小化!


下面的代码中,如果浏览器可视窗口的高度小于40则默认浏览器最小化。


示例代码:

//站三界导航
$(window).resize(function(){
    if($(window).height() < 40){
        console.log('已最小化!');
    }
});
方法2:
下面这个JS判断浏览器是否最小的代码来自网络,没有测试,不保证可用性。
//示例代码:
function isMinStatus() {            
    var isMin = false;            
    if(window.outerWidth != undefined) {                
        isMin = window.outerWidth <= 160 && window.outerHeight <= 27;            
    } else {                
        isMin = window.screenTop < -30000 && window.screenLeft < -30000;            
    }            
    return isMin;        
}
方法3:js判断浏览器是否最小化的代码
以下js判断浏览器是否最小化的方法在谷歌浏览器中测试成功,如果最小化则打印“hidden”,最大化则打印“visible”!
示例代码:
//站三界导航
//IE
if(document.addEventListener){
    document.addEventListener('msvisibilitychange',function(){
        console.log(document.msVisibilityState);
    });
}
//FF
if(document.addEventListener){
    document.addEventListener('mozvisibilitychange',function(){
        console.log(document.mozVisibilityState);
    });
}
//chrome
if(document.addEventListener){
    document.addEventListener('webkitvisibilitychange',function(){
        console.log(document.webkitVisibilityState);
    });
}


本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/9201.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
随机网站 更多 >>
最新小程序 更多>>
最新公众号更多>>
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。