Вспышка нестилизованного содержимого (FOUC) только в Firefox
Я не вижу этой проблемы ни в одном другом протестированном мной браузере - IE, Chrome, Opera - но всякий раз, когда я загружаю страницу с сервера, я вижу вспышку нестилизованного содержимого до того, как CSS будет применен только в Firefox. .
Вы можете проверить этот URL в своем браузере Firefox, последняя версия 59: https://regalaunpuzzle.es/puzzles-personalizados
Привет. Вы нашли решение этой проблемы? Теперь у меня такая же проблема, как и у вас, и ни один совет не помогает.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
В моем случае причиной FOUC в FF было наличие 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, так что этот способ может помочь.
Спасибо за это, это устранило проблему для меня. Вот ошибка: bugzilla.mozilla.org/show_bug.cgi?id=1420362
Вы пробовали увеличить, когда истекает срок действия вашего кеша? Судя по всему, он истекает при загрузке imgur.com/a/yXaLT