有没有目前被接受的方法，可以使用JavaScript和CSS构建HTML 5全屏Web应用程序？
如果有，每种方法都有哪些优缺点？有哪些跨浏览器的问题需要注意？
如何构建一个全屏的HTML 5网页应用？
8
- Adam
5
当你说全屏时，你只是想让浏览器覆盖整个屏幕，对吧？这很简单，在大多数浏览器中，你只需点击F11即可。无论你有什么css/js/html都没关系。不知道是否可以通过代码实现。 - Alxandr
1你不能通过JavaScript强制浏览器全屏，除非用户自己操作。 - Niklas
我在思考类似于Flash或HTML 5视频的工作方式，其中有一个全屏图标，使其进入全屏模式。我认为这比F11更好，因为它除了应用程序本身之外不会修改用户的浏览器环境。这也将允许用户使用Escape键退出，这已成为某种惯例。另外，也不想依赖浏览器处理全屏的方式。例如，某些浏览器可能以不同的方式实现全屏，或者根本没有任何功能检测的方法。 - Adam
如果有一个浏览器API可以全屏，我不知道。最终，我想编写程序，以最可用的方式允许和鼓励用户在全屏模式下交互。 - Adam
HTML5媒体元素接口的全屏模式是浏览器专门为媒体提供的，其中全屏模式对用户有意义（例如视频）。但是，浏览器提供用户控件，以便用户控制元素是否全屏。它不适用于信息亭模式，也不能通过脚本进行控制（尽管脚本通常可以控制窗口的大小和其中的元素，以近似全屏模式）。您可以从命令提示符中运行IE的信息亭模式。 - RobG
4个回答
3
这是尖端技术，但最新的Chrome构建具有全屏API。请参阅此幻灯片以获取详细信息：
http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#42
此外，看起来这些人找到了一种方法，可以不使用不支持的功能来完成它。http://www.html5rocks.com/en/tutorials/casestudies/gopherwoord-studios-resizing-html5-games.html
- Adam
1
目前，全屏模式只能由用户直接告诉浏览器进入该模式。
这就像在奴隶时代一样。你是奴隶，用户是主人，像素是你的食物。它们可能不会给你太多，但它们给你一些，你必须品尝每一口。
- McKayla
0
这在以前是可能的 - IE 4 进行了“无边框窗口” - 但出于安全原因，纯 HTML 不再支持此功能。
如果您可以让用户安装本地软件，则类似 Mozilla Prism 的东西可能会起作用 - 不过我自己从未尝试过。
- Pekka
4
我理解安全方面的影响，但它已经适用于HTML 5视频，并且Adobe似乎已经在Flash中做得很好。毕竟，您似乎没有Flash应用程序接管您的屏幕。 - Adam
@Adam，所有的都是真的，但据我所知，在纯HTML中根本不可能。关于Flash - 你必须手动触发全屏模式，并且会出现几秒钟的“按Esc键退出”消息，所以是的，他们有他们的预防措施。我也希望看到它作为一个选项再次出现在网站上。 - Pekka
5哈哈，我应该做一个弹出窗口，上面写着“需要IE 4才能使用此应用程序”。 - Adam
1Prism是一个已经停止维护的项目。不过，Fluid是一个很好的Mac替代品，而在Windows上使用Chrome则有“创建应用程序快捷方式”的选项。 - McKayla
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接