延迟加载CSS文件无法在iOS设备上运行

时间:2019-02-17 09:24:57

标签: javascript ios css deferred noscript

这是我的头代码的一部分:

<noscript class="deferred-styles">
    ..... some stylesheet tags
</noscript>

这是我的代码的一部分,位于我的身体/头部的末端(都尝试过):

<script>
  var loadDeferredStyles = function() {
      var addStylesNodes = document.getElementsByClassName("deferred-styles");
      Array.prototype.forEach.call(addStylesNodes, function (el) {
         el.insertAdjacentHTML('afterend',el.innerHTML);
      });
  };
  var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
  if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
  else window.addEventListener('load', loadDeferredStyles);
</script>

但是在iOS设备上,脚本无法执行或未应用样式(仅在iOS上!)。

有人可以帮忙吗?

0 个答案:

没有答案