onclick全屏

我正在为即将推出的Chrome网上商店创build一个networking应用程序…有没有办法模拟F11被按下？ 或者只是一个使当前窗口全屏显示的命令（HTML / Javascript）？

Answer 1

这是可能的JavaScript 。

var elem = document.getElementById("myvideo"); if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } 

Answer 2

我意识到这是一个非常古老的问题，所提供的答案是足够的，因为是积极的，我通过在全屏上进行一些研究，我遇到了这个问题，我在这里留下一个更新：

有一种方法可以“模拟” F11键 ，但不能自动执行，用户实际上需要点击一个button来触发全屏模式。

• 在点击button上切换全屏状态

  在这个例子中 ，用户可以通过点击一个button来切换到全屏模式：

  HTML元素充当触发器：

   <input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen()"> 

  JavaScript的：

   function toggleFullScreen() { if ((document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) { if (document.documentElement.requestFullScreen) { document.documentElement.requestFullScreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullScreen) { document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.cancelFullScreen) { document.cancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } } } 

• 点击button进入全屏

  这个例子允许你启用全屏模式而不需要进行改变，也就是说你切换到全屏模式，但是要返回到正常的屏幕将不得不使用F11键：

  HTML元素充当触发器：

   <input type="button" value="click to go fullscreen" onclick="requestFullScreen()"> 

  JavaScript的：

   function requestFullScreen() { var el = document.body; // Supports most browsers and their versions. var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (requestMethod) { // Native full screen. requestMethod.call(el); } else if (typeof window.ActiveXObject !== "undefined") { // Older IE. var wscript = new ActiveXObject("WScript.Shell"); if (wscript !== null) { wscript.SendKeys("{F11}"); } } } 

---

有关这方面的有用信息的来源：

Mozilla开发者networking

如何在JavaScript全屏窗口（在屏幕上延伸）

如何通过JavaScript使用F11键事件使浏览器全屏

Chrome全屏API

jQuery全屏事件插件，版本0.2.0

jQuery的全屏，插件

Answer 3

如果要将整个选项卡切换到全屏（就像F11键） document.documentElement是您正在寻找的元素：

 function go_full_screen(){ var elem = document.documentElement; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } } 

Answer 4

这里有几个方法来做到这一点：

• JavaScript来源：导航：全屏窗口
• Javascript打开一个全屏窗口

我build议，提供一个popup式询问用户是否他/她想要全屏，然后相应地调用这个JavaScript。

Answer 5

短的个人书签版本

 javascript:document.body.webkitRequestFullScreen(); 

去全屏 ←你可以拖动这个链接到你的书签栏来创build一个书签，但是你必须在之后编辑它的URL：在JAVASCRIPT之前删除所有东西，然后添加:在JAVASCRIPT之后。

这在Google Chrome中适用于我。 你必须testing它是否在你的环境中工作，否则使用函数调用的不同措辞，例如javascript:document.body.requestFullScreen(); – 查看可能变体的其他答案。

_{基于@Zuul和@default的答案 – 谢谢！}

Answer 6

使用纯粹的JavaScript无法做到这一点，但是您可以尝试检查Google Chrome的许多API，这些API可能会在Web应用程序权限下允许全屏显示。