Javascript 如何构建一个全屏HTML5Web应用程序?

Javascript 如何构建一个全屏HTML5Web应用程序?,javascript,html,css,cross-browser,fullscreen,Javascript,Html,Css,Cross Browser,Fullscreen,目前有没有什么方法可以只用JavaScript和CSS在HTML5中构建全屏web应用程序 如果是的话,每种方法的优缺点是什么?有什么跨浏览器的怪癖吗?目前,全屏模式只能由用户直接告诉浏览器进入该模式 就像回到奴隶时代一样。你是奴隶,用户是主人,像素是你的食物。他们可能给你的不多,但他们给了你一些,你必须细细品味每一点 这在当时是可能的——IE 4有“无铬窗口”——但出于安全原因,在纯HTML中不再可能 如果您可以让用户安装本地软件,类似的方法可能会起作用-但我自己从未尝试过。有一种基于。这最初

目前有没有什么方法可以只用JavaScript和CSS在HTML5中构建全屏web应用程序


如果是的话,每种方法的优缺点是什么?有什么跨浏览器的怪癖吗?

目前,全屏模式只能由用户直接告诉浏览器进入该模式


就像回到奴隶时代一样。你是奴隶,用户是主人,像素是你的食物。他们可能给你的不多,但他们给了你一些,你必须细细品味每一点

这在当时是可能的——IE 4有“无铬窗口”——但出于安全原因,在纯HTML中不再可能


如果您可以让用户安装本地软件,类似的方法可能会起作用-但我自己从未尝试过。

有一种基于。这最初是由触发的,但据我所知,它只在iOS上工作,目前没有其他的实现。

这是最前沿的,但最新的chrome版本有一个全屏API。有关详细信息,请参阅此幻灯片:

而且,看起来这些家伙想出了一种不用求助于不受支持的功能的方法:


当你说全屏时,你只是想让浏览器覆盖整个屏幕,对吗?这很简单,在大多数浏览器中,您只需单击F11。不管你有什么css/js/html。不知道你是否可以从代码中完成。如果用户不自己动手,你不能强迫浏览器全屏浏览javascript。我的想法与flash或HTML5视频的工作原理类似,其中有一个全屏图标,使其进入全屏mfode。我认为这比f11要好,因为它不会修改用户的浏览器环境,除了应用程序本身。它还允许用户使用escape退出,这已成为一种惯例。也不想依赖浏览器处理全屏的方式。例如,一些浏览器可能以不同的方式实现全屏,或者根本没有任何功能检测的方法。或者,如果有一个我不知道的全屏浏览器API。最终,我希望编写程序,允许并鼓励用户以最有用的方式在全屏模式下进行交互。HTML5媒体元素界面的全屏模式由浏览器提供,专门用于全屏模式对用户有意义的媒体(例如视频)。但是,浏览器提供了用户控件,因此用户可以控制元素是否为全屏。它不适用于kiosk模式,也不能由脚本控制(尽管脚本通常可以控制窗口大小和窗口内的元素,使其接近全屏模式)。你可以在命令提示符下运行IE,我理解它的安全含义,但是它已经可以用于HTML5视频了,而且adobe似乎已经在flash上做得很好了。毕竟,你似乎没有flash应用程序占据你的屏幕。@Adam完全正确,但据我所知,这在纯HTML中是不可能的。重新闪烁-您必须手动触发全屏模式,并且您会收到一条长达数秒的“按Esc键离开”消息,所以是的,他们有他们的预防措施。我想看到它回来的网站,也作为一个选项。哈,我应该做一个弹出窗口,说'ie 4需要使用这个应用'棱镜是一个死项目。不过Fluid是一个很好的Mac替代品,Windows上的Chrome有一个“创建应用程序快捷方式”选项。