Можно ли отключить функцию параллельной загрузки CSS и JS в Chrome / Webkit?

Question

Я испытываю задокументированную ошибку, из-за которой браузеры webkit некорректно отображают страницу при первой загрузке, поскольку javascript выполняется до завершения загрузки css (из-за их параллельной загрузки).

Хотя быстрое обновление исправляет внешний вид страницы, это решение не подходит для моей проблемы (я запускаю утилиты командной строки, которые делают скриншоты наших страниц, но эти утилиты не имеют возможности «обновить» страницу перед тем как сделать скриншот)

Есть ли у кого-нибудь какие-либо предложения или решения для обеспечения полной загрузки css-include перед выполнением javascript-include и inline-javascript?

Спасибо! * 1007 Дан *

РЕДАКТИРОВАТЬ - Не использовать библиотеку. Просто хорошо, ола, яваскрипт.

Answer 1

Если вы используете библиотеку, я думаю, что большинство из них позволяют вам это делать.С jQuery легко, если нет, вы можете использовать <script defer="(x number of second)">Function()</script> в конце страницы.Вы можете также рассмотреть возможность перемещения JavaScript вниз страницы, где это возможно. JS Best Practices.

Answer 2

+ 1 для размещения ваших сценариев внизу страницы, также можно попробовать поместить ваш сценарий в событие window.onload:

<script >
function myCode(){
// do something
alert('test');
}
window.onload = myCode;
</script>

Я не уверен на 100%, будет ли событие onload ждать, пока загрузится файл .css. но это легко попробовать.