Question

我在我测试过的任何其他浏览器中都没有看到此问题 - IE，Chrome，Opera - 但每当我从服务器加载页面时，我都看到了一个没有样式的闪光灯CSS之前的内容仅适用于Firefox。

您可以在Firefox浏览器中查看此网址，最新版本为59： https://regalaunpuzzle.es/puzzles-personalizados

Answer 1

就我而言，FF中FOUC的原因是页面上存在iframe。如果我从标记中删除iframe，那么FOUC就会消失。

但是出于我自己的骇客原因，我需要使用iframe，所以我对此进行了更改

<iframe name="hidden-iframe" style="display: none;position:absolute;"></iframe>

进入此

<script>

  document.addEventListener('DOMContentLoaded', ()=>{
    let nBody = document.querySelector('body')
    let nIframe = document.createElement('iframe');
    nIframe.setAttribute('name', "hidden-iframe");
    nIframe.style.display = 'none';
    nIframe.style.position = 'absolute';
    nBody.appendChild(nIframe);
  });
</script>

我已在模板中直接添加了此内联JS，以提高可读性：在我的情况下，此代码每页运行一次。我知道这很脏，因此您可以将此代码添加到单独的JS文件中。

问题出在Firefox Quantum v65中。

我看到您的页面也具有iframe，因此这种方式可以提供帮助。

仅在Firefox中使用无格式内容（FOUC）的Flash

1 个答案: