强制重新加载CSS

2019年8月19日 14:35:19知更鸟

知更鸟

站长

关注

2322
文章

0
粉丝

Web前端评论828阅读模式

浏览器的缓存能力越来越强，带给正常浏览网页极速体验，不过同时对前端设计人员也带来不便，可以下面的链接拖到浏览器书签中，想重新加载CSS点一下就行了。

重新加载 CSS

核心代码：

(function() {
  var h, a, f;
  a = document.getElementsByTagName('link');
  for (h = 0; h < a.length; h++) {
    f = a[h];
    if (f.rel.toLowerCase().match(/stylesheet/) && f.href) {
      var g = f.href.replace(/(&|\?)rnd=\d+/, '');
      f.href = g + (g.match(/\?/) ? '&' : '?');
      f.href += 'rnd=' + (new Date().valueOf());
    }
  } // for
})()

链接代码：

<a href="javascript:(function(){var h,a,f;a=document.getElementsByTagName('link');for(h=0;h<a.length;h++){f=a[h];if(f.rel.toLowerCase().match(/stylesheet/)&amp;&amp;f.href){var g=f.href.replace(/(&amp;|%5C?)forceReload=\d+/,'');f.href=g+(g.match(/\?/)?'&amp;':'?')+'forceReload='+(new Date().valueOf())}}})()" class="btn">重新加载 CSS</a>

本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！