Могу ли я отключить функцию загрузки Chrome/Webkit Parallel CSS и JS?
-
29-09-2019 - |
Вопрос
Я испытываю задокументированную ошибку, в которой браузеры Webkit неправильно разместили страницу при первой загрузке, потому что JavaScript выполняется до того, как CSS закончил загрузку (из -за того, что они загружаются параллельно).
В то время как быстрое обновление исправляет внешний вид страницы, это решение неадекватно для моей проблемы (я запускаю утилиты командной строки, которые делают скриншоты наших страниц, но у этих утилит нет возможности «обновить» страницу, прежде чем делать снимок экрана)
Есть ли у кого-нибудь какие-либо предложения или решения для обеспечения того, чтобы CSS-include загружается полностью до того, как будут выполнены JavaScript Include и Inline-JavaScript?
Спасибо! -Дан
РЕДАКТИРОВАТЬ- не использовать библиотеку. Просто хороший JavaScript.
Решение
Если вы используете библиотеку, я думаю, что большинство из них позволяют вам сделать это. Это легко с jQuery, если нет, вы можете использовать <script defer="(x number of second)">Function()</script>
В конце страницы HTE. Вы также можете рассмотреть возможность перемещения Javascripts в нижнюю часть страницы, где это возможно. Лучшие практики JS.
Другие советы
+1 для размещения сценариев в нижней части страницы, также может попытаться поместить ваш скрипт в окно. Событие:
<script >
function myCode(){
// do something
alert('test');
}
window.onload = myCode;
</script>
Я не на 100% уверен, будет ли событие Onload ждать, пока файл .css не будет загружен. Но это легко попробовать.