【问题标题】:Enter full screen whenever page is loaded加载页面时进入全屏
【发布时间】:2016-02-02 06:23:09
【问题描述】:

我正在开发 asp.net 测验应用程序。本应用的强制要求是:应用启动(请求页面)时,自动进入全屏。

现在我尝试了十几种解决方案(JS & Jquery 的插件)

  1. JS Solution

  2. Mozila's

  3. Jquery Plugins

许多不同的 jquery 插件,但 Chrome 和 Firefox 不允许我这样做。因为它声明它需要用户交互。

有人可以帮我摆脱这种情况吗?解决方案可能取决于浏览器。

申请详情:

  1. 总共 5 个 aspx 页面。

  2. 一个页面是另一个页面中的 iframe/frame。

【问题讨论】:

  • 是需要用户交互(点击)选项的“闪屏”吗?
  • 对不起,我不明白。你能再解释一下吗?
  • 在页面加载时显示 splash screen 并邀请用户点击页面(例如“启动这个很棒的应用程序!”)。这样您就有了 Fullscreen API 所需的“用户交互”
  • 是的,试过了。但是每当我将用户重定向到另一个页面时,它就会从全屏退出。
  • 是的,你必须让你的应用单页(使用 iframe 或 ajax+DOM 操作)

标签: javascript jquery google-chrome internet-explorer fullscreen


【解决方案1】:

快速而肮脏的解决方案。让我们创建另一个页面,这将是我们的容器页面。放一个Iframe,根据屏幕大小计算Iframe height width 属性。将第一页设为 iframe 源。在 iframe 上设置 frameborder=0,所以从用户的角度来看,它看起来像单页

全屏查看此链接http://www.css-jquery-design.com/2013/11/javascript-jquery-fullscreen-browser-window-html5-technology/

【讨论】:

  • 让我试试这个解决方案:)
  • 看来我们除了这个没有办法。我创建了一个简单的 aspx 页面并制作了一个 iframe 并将其重定向到 iframe 中。但是还有一个问题,就是当我刷新页面(crl+r)时,它会显示在iframe的src中设置的第一页。
  • 感谢您的解决方案@satyaki。非常感谢您的帮助:D
  • @SikanderHayyat - 谢谢.. 你能把这个标记为答案吗?
  • 标记 :D 再次感谢 :)
猜你喜欢
  • 2016-06-10
  • 1970-01-01
  • 2017-09-24
  • 1970-01-01
  • 2014-10-04
  • 2013-12-30
  • 1970-01-01
  • 1970-01-01
  • 2018-04-28
相关资源
最近更新 更多