javascript - 如何在 Safari 中获得全屏？

Question

主要出于艺术原因，我想以全屏方式运行我的幻灯片(纯 JavaScript)。对于 Internet Explorer、Chrome、Firefox 等浏览器，当它们在 Windows 计算机上运行时，这似乎没有问题:用户只需按 F11 键即可进入全屏模式(然后再按一次即可离开)，如下所示他/她按照前面介绍幻灯片的页面的指示进行操作。 [顺便提一句。这是观看者和幻灯片之间唯一的“物理”交互:按下按键也意味着“准备好”观看幻灯片，舒适地坐在距屏幕一定距离的位置，不要太近，等等]对于这个和其他我不想在全屏模式下自动[或通过单击]运行幻灯片的原因。

正如我所说，这在 Windows 机器上完美运行。然而，这不适用于 mac 上的 Safari:按 ^+cmd+F 不会给你全屏，据我所知，因为我的网页的 URL 仍然在屏幕顶部可见，包括标题栏。例如:

<A HREF="javascript:slideshow();
self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight);"></A>

这给出了相同的结果:地址栏和标题栏仍然可见。

如果您想全屏观看我的幻灯片几分钟，请访问:

http://www.atelierfransvandestaak.nl/slideshow.html

我已经在几个论坛上搜索了几个月的答案，但没有成功。现在我开始认为这不是代码的问题而是定义的问题。因为在我看来，苹果设计师所说的全屏并不是真正的全屏。定义是一个标准问题:也就是说，你无法改变它，因为世界其他地方都遵循它的规则。或者你可以吗？ 所以我的主要问题是，我们能否就全屏 View 达成一致[例如图像]。如果不是，您也无法对其进行编码。也许，这让我们离 Stackoverflow 询问[关于代码]问题的指令太远了，但我很感激任何建议或答案。

提前致谢， Vim 施

PS。我们的全屏问题的原因 [=safari 不会进入 native 全屏，不是通过 javascript 代码，即使用户明确指示 <<^ cmd F>>] 可能是地址栏可能会出现url 也是一个搜索字符串。所以，我猜想(快速)搜索引擎 [Spotlight] 与地址栏互连，这可以很容易地解释为什么地址栏保持可见，从而阻止 safari 进入 native 全屏。您对此有何看法？

Answer 1

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

更多信息here