Добрый день! Сделал прелоадер, после загрузки body прелоадеру присваивается класс
done
HTML:
<div class="hellopreloader" id="page-preloader">
<div class="loader"></div>
</div>
JAVASCRIPT:
<script type="text/javascript">
var preloaderDiv = document.getElementById('page-preloader');
var preloader = document.getElementById('page-preloader');
document.body.onload = function() {
setTimeout(function () {
if (!preloader.classList.contains('done')) {
preloader.classList.add('done');
}
}, 1000);
}
</script>
Проблема - в Safari класс не присваивается и прелоадер крутиться вечно, в Chrome на десктоп все нормально, на телефонах он вообще не показывается. В чем причина
Кстати, Safari выдает такую ошибку в консоли
The source list for Content Security Policy directive 'script-src' contains an invalid source: ''strict-dynamic''. It will be ignored.