HTML 不加载 CSS ，刷新后一切正常.同样在移动设备上，它在首次加载时不起作用

HTML not Loading CSS , after refresh everything works. Also on mobile's it doesnt work on first load

本文关键字：加载 移动 不起作用 刷新 CSS HTML      更新时间：2023-09-26

我已经自定义了一些模板，但由于某种原因，在某些浏览器上的第一个条目上没有加载 CSS。最糟糕的是，它也不会首次在手机上加载。我认为云耀斑是罪魁祸首，我已经禁用了它，问题仍然存在。

网址为：http://www.vodoinstalaterbeograd.net

任何建议不胜感激！

您已将主要的 css 样式放在<noscript></noscript>标签中。至少尝试将你的主要 css 样式从标签中取出，并在其中添加额外的样式：

<link href="css/style.css" rel="stylesheet" type="text/css"/>
<noscript>
<link href="css/skel.css" rel="stylesheet" type="text/css"/>
<link href="css/style-xlarge.css" rel="stylesheet" type="text/css"/>
</noscript>

甚至完全删除<noscript></noscript>因为我认为您在那里不需要它。

在页面的顶部，我看到：

<script data-rocketsrc="js/jquery.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/jquery.scrolly.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/jquery.dropotron.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/jquery.scrollex.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/skel.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/skel-layers.min.js" async type="text/rocketscript"></script>
<script data-rocketsrc="js/init.js" async type="text/rocketscript"></script>

在底部：

<script type="text/rocketscript">
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//www.stats.vaskir.com/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 3]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>

我猜是页面正在加载（没有样式），页面页面脚本的末尾触发，Javascript导致脚本加载和执行，格式化你的页面。尝试以代码的方式编辑脚本 Tage，以证明情况确实如此，然后了解它正在做什么。

可以很简单，只需将代码放在页面底部的顶部脚本标记之后即可。

相关文章：