JavaScript 中能否判断浏览器是不是全屏？

Posted 2023-05-17

我想判断当前浏览器是否已经进入了全屏模式（用户按了F11），以及有木有相关的事件
判断event.keyCode 和判断大小的方式不够确切，我希望知道更加贴切的方法，即JS中有木有专门针对这个的方法。例如：全屏模式发生变化时事件之类。

document.addEventListener("fullscreenchange", function( event ) 
  if (document.fullscreenElement) 
    console.log('进入全屏');
   else 
    console.log('退出全屏');
  );

可以这样判断。但是旧版IE是不支持的。

参考技术A 可以试试用浏览器的可视区域大小和屏幕的分辨率大小对比，只要相差的很小就可以当做全屏，js有这两个方法，因为经常不用我也没记下来过，你可以上网查查，一定有这两个方法 参考技术B //设置浏览器全屏
function f_SetFullScreen()
//如果浏览器不是全屏则将其设置为全屏模式
if (!f_IsFullScreen())
var wsShell = new ActiveXObject('WScript.Shell');
wsShell.SendKeys('F11');
return false;



//判断浏览器是否全屏
function f_IsFullScreen()
return (document.body.scrollHeight == window.screen.height && document.body.scrollWidth == window.screen.width);
参考技术C

javascript控制浏览器全屏

参考技术D window.onresize = function ()
if(window.outerHeigth==screen.heigth && window.outerWidth==screen.width)
alert("全屏");
else
alert("不是全屏");

本回答被提问者采纳

在.css文件中能否使用if IE来判断是不是是ie呢

因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的

可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的）




 /*判断浏览器的版本*/
<!––[if IE]> 
<h1>您正在使用IE浏览器</h1> <!––[if IE 5]> 
<h2>版本 5</h2> <![endif]––> 
<!––[if IE 5.0]> 
<h2>版本 5.0</h2> <![endif]––> 
<!––[if IE 5.5]> 
<h2>版本 5.5</h2> <![endif]––> 
<!––[if IE 6]> 
<h2>版本 6</h2> <![endif]––> 
<!––[if IE 7]> 
<h2>版本 7</h2> <![endif]––> 
<![endif]––>

那如果当前的浏览器是IE，但版本比IE5还低，该怎么办呢，可以使用<!–[if ls IE 5]>，当然，根据条件注释只能在IE5+的环境之下，所以<!–[if ls IE 5]>根本不会被执行。


 
< !–- 默认先调用css.css样式表 –-> 
<link rel="stylesheet" type="text/css" href="css.css" />< !-–[if IE 7]> 
<!–- 如果IE浏览器版是7,调用ie7.css样式表- –> 
<link rel="stylesheet" type="text/css" href="ie7.css" />< ![endif]–-> 
<!–-[if lte IE 6]> 
<!–- 如果IE浏览器版本小于等于6,调用ie.css样式表 -–> 
<link rel="stylesheet" type="text/css" href="ie.css" />< ![endif]–>

参考技术A css文件是没法进行判断的，你是要根据是否是IE显示兼容的样式吗?可以用js判断然后去引用页面中哪一个CSS文件。
或者你的CSS可以直接把兼容IE的样式写上去就好了啊