威宁热线

威宁团菜到家

[技术分享] 前端设计人员的福利:强制重新加载CSS

[复制链接]
威宁热线 发表于 2021-2-20 19:39:30 | 显示全部楼层 |阅读模式
浏览器的缓存能力越来越强,带给正常浏览网页极速体验,不过同时对前端设计人员也带来不便,可以下面的链接拖到浏览器书签中,想重新加载CSS点一下就行了。
核心代码:
  1. (function() {
  2.   var h, a, f;
  3.   a = document.getElementsByTagName('link');
  4.   for (h = 0; h < a.length; h++) {
  5.     f = a[h];
  6.     if (f.rel.toLowerCase().match(/stylesheet/) && f.href) {
  7.       var g = f.href.replace(/(&|\?)rnd=\d+/, '');
  8.       f.href = g + (g.match(/\?/) ? '&' : '?');
  9.       f.href += 'rnd=' + (new Date().valueOf());
  10.     }
  11.   } // for
  12. })()
复制代码
链接代码:
  1. <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/)&&f.href){var g=f.href.replace(/(&|%5C?)forceReload=\d+/,'');f.href=g+(g.match(/\?/)?'&':'?')+'forceReload='+(new Date().valueOf())}}})()" class="btn">重新加载 CSS</a>
复制代码


来自群组: 有为设计
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表