Приветствую
Возможно многим из вас знаком скрипт
head.js. Прекрасно работал почти во всех браузерах до того момента, когда браузер chrome не обновился до версии 50. Ситуация такова, что при подключении таблицы стилей через этот скрипт что-то происходит – стили по внешнему виду запаздывают с применением их к html, страница, ее элементы при каждом обновлении дергаются.
Вопросы:
– с этим можно что-то сделать, исправить на корректную работу?
– почему так происходит?
– кто виноват: скрипт, ошибки в браузере chrome версии 50 или я?
Для примера используется (можно скачать
архив с файлами):
1) сам скрипт, можно взять на официальном сайте
2) html код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>head js</title>
<script src="head.min.js"></script>
<script>
if (head.browser.ie && head.browser.version <= 8) {
//alert('that is');
head.load(
"style-ie.css"
);
} else {
//alert('that is');
head.load(
"style.css"
);
};
</script>
</head>
<body>
<ul>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
<li>123123</li>
</ul>
</body>
</html>
3) Стили в файле:
body{background: #f2f2f2;margin: 0;padding: 0;}
li{list-style-type: none;}