Question

我正在尝试使用Firefox浏览器以全屏浏览器模式打开div。我可以使用以下代码在Chrome中成功完成此操作，但Firefox在控制台中向我发出以下警告

全屏请求被拒绝，因为至少有一个文档包含的元素不是iframe或没有 “ allowfullscreen”属性。

我的代码如下

  <div id="main">
   ...
  </div>

  full() {
    const elem =  document.getElementById('main');
    const methodToBeInvoked = elem['requestFullscreen'] ||
      elem['webkitRequestFullScreen'] || elem['mozRequestFullscreen']
      || elem['msRequestFullscreen'];
    if (methodToBeInvoked) {
      methodToBeInvoked.call(elem);
    }
  }

Answer 1

这是firefox中特定于浏览器的安全功能。您可以按照以下步骤禁用它：

在about:config的“ URL搜索”框中键入Firefox。
在“配置”页面上搜索以下密钥，并将value设置为false：

full-screen-api.allow-trusted-requests-only。
如果您还想删除浏览器提示，请在进入全屏模式时将以下键的value也设置为false：

full-screen-api.approval-required

在Firefox上以全屏模式打开div

1 个答案: