Question

对于朋友，我正在创建一个窄播（好吧，不是真的，只是一个屏幕）页面，该页面从他的网上商店读取内容并显示带有突出显示项目的幻灯片，以及他的徽标和时间。

要运行此功能，我正在使用带屏幕的Android 4.1设备，我已将Chrome安装到可正常工作的设备上。到目前为止一切都很顺利，只有一件事让我烦恼。正如我们所说的那样，只要用户按下回车键，我就会使用Fullscreen API全屏显示。但由于内容不断变化，我希望偶尔刷新一次以获取新内容。

这就是问题所在：一旦页面刷新，它就会离开全屏模式。我一直在寻找Chrome Android设置，以便在没有鼠标点击或keydown事件的情况下允许全屏模式，但到目前为止还没有成功。有什么方法可以得到我想要的结果（没有点击keydown全屏）？

我使用Chrome Android的原因是因为此浏览器提供了最佳的HTML5支持（供将来使用）和最佳分辨率（1280x720）。但它缺少我可以在浏览器中使用的全屏模式。我尝试使用带有全屏插件的Firefox for Android，它运行得很好（刷新时不会全屏显示），但Firefox只给了我一个非常小的960x520视口。

现在只有一件事出现在我的脑海中，它正在做一个AJAX请求来获取新内容并用提取的HTML（或者只是'slide'容器）替换页面HTML。

感谢您的思考！

Answer 1

此代码将自动执行与刷新页面相同的操作。我不确定它是否会阻止你退出全屏，因为我没有工作副本可以搞乱。

$.ajax() //Get the current page
  .done(function(msg) {
        document.documentElement.innerHTML = msg;
  });

但是，我不建议做这样的事情。您最好的选择是将需要更新的页面部分抽象到它自己的页面，即：

$.ajax("http://example.com/get_next_element")
   .done(function(msg) {
     $("selector_for_fullscreen_element").html(msg);
 });

没有鼠标点击或keydown事件的全屏API

1 个答案: