如何使用JavaScript以一种适用于IE,Firefox和Opera的方式使访问者的浏览器全屏显示?
我正在为即将推出的Chrome网上商店创建一个网络应用.有没有办法模拟F11被按下?或者只是一个命令,使当前窗口全屏显示?
我为我的应用程序实现了全屏切换功能,它实际上运行良好,在最新的Chrome,Firefox,IE和Opera上进行了测试.我有一种激活方法,一种用于停用全屏模式:
public deactivateFullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullscreen) {
document.webkitCancelFullScreen();
} else if (element.mozRequestFullScreen) {
document.mozCancelFullScreen();
}else if(element.msRequestFullscreen){
document.msExitFullscreen();
}
}
public activateFullscreen(element) {
if (element.requestFullScreen) {
element.requestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
}else if(element.msRequestFullscreen){
element.msRequestFullscreen();
}
}
Run Code Online (Sandbox Code Playgroud)
因此,当从UI触发时,它们都能正常工作.唯一的问题是一旦我进入全屏模式使用F11我无法使用该deactivateFullscreen功能退出它.据我所知,对于浏览器,一旦我点击就没有设置标志F11.我尝试使用以下方法测试它:
public isFullscreen(element) {
if(element.webkitIsFullScreen || element.mozFullscreen || element.msFullscreenElement || element.fullscreenElement || element.fullscreen || element.webkitFullscreenElement || element.mozFullScreenElement){
return true;
}
return false;
}
Run Code Online (Sandbox Code Playgroud)
无论我是否全屏,这总是返回false.有没有其他方法可以检测浏览器当前是否处于全屏模式?或者我在这里错过了一些概念?
我尝试的另一件事是捕获keydown事件 …
我正在构建一个基于Web的免费动态新闻阅读器(又名"自动播放"功能),您可以从这里进行测试:
http://www.fivetechsoft.com/news
我想实现一个全屏按钮.任何提示?
请注意,现在只支持IE.其他浏览器很快支持即将推出.
我想让我的浏览器全屏.和我们做F11关键事件时一样.我发现了一些例子
function maxwin() {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript!=null) {
wscript.SendKeys("{F11}");
}
}
Run Code Online (Sandbox Code Playgroud)
哪个不适用于Mozilla或任何其他最新的浏览器.如果有任何方法可以解决这个问题,请告诉我.
谢谢.(提前.)
我查看了以下文章和jquery插件
http://www.sitepoint.com/html5-full-screen-api/
http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/
http://xme.im/display-fullscreen-website-using-javascript
http://feross.org/html5-fullscreen-api-attack/
http://jquery.pupunzi.com/questions/696/ie-containerplus-full-screen
但是找不到.
所有这些主要文章都经过评审,但是我找不到任何直接谈论IE全屏功能的文章,任何人都找到了相同的解决方法?
我尝试了W3C提案
// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();
Run Code Online (Sandbox Code Playgroud)
UPDATED 我的期望是,我有一个图像轮播,我需要显示当前所选图像以全屏显示,似乎IE不支持,我计划使用jQuery模型窗口(没有jQuery UI).就像这个例子.
我想使用chrome来显示演示文稿的全屏html页面.您可以将chrome设置为全屏模式,但似乎退出的唯一方法是将鼠标移动到屏幕顶部并单击:

我不想禁用退出全屏的功能,我只是想让它这样才能让退出的唯一方法就是按ESC键,而不是鼠标位置.这样基本上浏览器"管理员"是唯一可以退出演示文稿的人.在Firefox或Chrome中可以吗?如果不可能,我可以为此写一个扩展吗?
javascript ×7
fullscreen ×4
html ×2
jquery ×2
browser ×1
firefox ×1
html5 ×1
keyevent ×1
screen ×1
typescript ×1