有没有办法让网站全屏显示（用户点击）？

问题描述：

客户希望我创建一个网站，当用户点击“查看全屏”按钮/链接时，该网站可以全屏显示。我见过的解决方案发布在这里和其他地方：有没有办法让网站全屏显示（用户点击）？

window.open('www.example.com', 'title', 'type=fullWindow, fullscreen, scrollbars=yes');

似乎在不同浏览器上工作。有更好的/更兼容的解决方案吗？也许涉及Flash的东西？

在此先感谢。（我知道有人会建议它，所以请相信，当我说一个警告框要求用户按F11已被建议并击落）

答

用户不喜欢它时，网站为他们决定窗口应该多大，因为它通常是由糟糕的广告商试图抓住他们的注意力。现在大多数浏览器都禁用窗口大小调整，这足够令人讨厌。我并不是说你是一个坏公民，但浏览器无法区分不良行为和良好行为。

他正在响应按钮点击，所以用户似乎知道他们在做什么。一般来说，我不得不同意，特别是因为我喜欢使用高分辨率的大型监视器来最大限度地增加我随时可以访问的窗口数量。一个使自己变得更大的页面正在假设我正在使用我的计算机，而这个计算机不可能知道。 – jball 2009-12-11 00:26:14

显然我不能拼写“最大化”。 – jball 2009-12-11 00:26:54

我知道，我也不是这个粉丝。但客户坚持认为它被包含在网站的按钮中。如果它不能完成，它不能完成 - 但我至少希望能够说我已经用尽了所有可用的选项。 – Jack 2009-12-11 01:12:45

答

我唯一真正交叉{平台，浏览器}方法看到的是闪存，例如在此示例中为here。不幸的，但是是真的。

顺便说一句，F11无论如何都是一个非常特定于平台的答案 - 例如，它在mac上不起作用。

我认为这是我正在寻找的 - 但它的功能就像我需要它，我需要将我的HTML内容包装在一个Flash播放器中，对吗？如何做到这一点？（我应该问一个单独的问题吗？） – Jack 2009-12-11 01:13:49

我相信允许闪光全屏，你传递一个参数在它的HTML或JavaScript用于加载瑞士法郎。然后点击按钮，您可以调用一些允许舞台全屏显示的功能。在另一个说明中，chrome应用程序（在浏览器中运行的应用程序，但仅限于chrome）也可以全屏显示。 – yeahdixon 2014-06-26 14:06:14

答

我知道这是一个旧帖子，但似乎你没有得到答案。这里有一个javascript函数，当这个函数看起来更加必要的时候，我已经用于许多web应用程序。

但是就像上面说的那样，我不会在普通网站上使用这个功能，因为许多用户讨厌这个功能，如果他们需要它会按f11。

function fullScreen() { 
    var el = document.documentElement 
    , rfs = // for newer Webkit and Firefox 
     el.requestFullScreen 
    || el.webkitRequestFullScreen 
    || el.mozRequestFullScreen 
    || el.msRequestFullScreen 
    ; 

    if(typeof rfs!="undefined" && rfs){ 

     rfs.call(el); 

    } else if(typeof window.ActiveXObject!="undefined"){ 

     // for Internet Explorer 
     var wscript = new ActiveXObject("WScript.Shell"); 

     if (wscript!=null) { 
      wscript.SendKeys("{F11}"); 
     } 
    } 

}

当然，只包含按钮/链接上的onclick事件。

<button onclick="fullscreen();">click for fullscreen</button>

有没有办法让网站全屏显示（用户点击）？

相关推荐