中午看视频时发现如果把浏览器最小化,视频就会自动停止播放。所以就想到了是否可以用JS代码来判断浏览器是否最小化呢?百度了一下,发现了如下两种JS判断浏览器是否最小化的方法。
JS判断浏览器是否最小方法的方法
方法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); }); }
到此这篇关于javascript 判断浏览器是否最小化的方法就介绍到这了。人生来如风雨,去如微尘。更多相关javascript 判断浏览器是否最小化的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!