上一篇是无刷新切换页面样式，文章最后介绍了一个封装的js库 CSSrefresh.js 。
它的作用有很多，对于经常调试页面样式的朋友来说也算是一个比较方便的工具，一般我们都是用Chrome或者FF的F12，也就是debug模式对页面的样式进行修改，修改完了将样式代码粘贴到style样式表编辑保存后，刷新页面才能看到最终效果。

而有了CSSrefresh.js之后，就不需要再刷新页面了，和用debug修改后即时显示效果是一样的。当你用类似Notepad++编辑保存后，页面会自动刷新，不需要你再手动去刷新。看官方文档使用很简单：

<head>
   <link rel="stylesheet" type="text/css" href="css/site.css" />
   <script type="text/javascript" src="js/cssrefresh.js"></script>
</head>

使用时只需要注意：cssrefresh.js的引用必须紧跟在需要无刷新的样式表之后。

下载地址

TAGS:  

本站文章除注明转载/出处外，均为本站原创或翻译。若要转载但请务必注明出处，尊重他人劳动成果。

转载请注明出处链接 : https://www.inlojv.com/4459.html