CSSrefresh.js 无刷新更改网页样式 JavaScript 库

发布于 2019-08-26 20:25:26 字数 1403 浏览 1827 评论 0

CSSrefresh 是一个 JavaScript 库,用来实现无需刷新页面立即更换网页样式效果的功能,即插即用无需配置,只需要在页面中引入该 JS 文件即可。

简介

CSSrefresh 就一 3KB 不到的 JavaScript 文件,能监视一个 CSS 文件,一旦保存有变化直接重新加载 CSS ,改动效果也直接显现在浏览器中。

为什么要用它?

使用任何代码工具码 CSS,都是需要保存后再切换到浏览器按 F5 刷新查看效果,一次又一次,不管这个改动仅是一个小小的颜色。使用 CSSrefresh 后,改动 CSS 文件保存后,直接看浏览器就好了。

省去了切换到浏览器按 F5 刷新查看效果。这对码 CSS 习惯不停刷新查看效果的开发人员来说绝对是利器,省却的时间不是一点两点。

怎么用它?

使用 CSSrefresh 是容易的。你可以加载 JavaScript 文件在你的网页,或使用书签工具(CSSrefresh)。

下载: CSSrefresh.js

再网页头部加载 Cssrefresh.js :

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

注意:JavaScript 要紧跟在 CSS 文件之下。

后记

有时会出现一个状况突然失灵了,其实是我改动了 php 文件里,这时就需要手动 F5 刷新一次浏览器了。话说有监视 php 文件改动自动刷新页面的插件不?

当然页面错位或者改动还是得靠 Firefug 或者 Chrome 里的F12开发人员工具调整。

注意:只有在 cssrefresh.js 之前包含的 CSS 文件才会自动刷新。

官网:http://cssrefresh.frebsite.nl/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

末蓝

文章 0 评论 0

年少掌心

文章 0 评论 0

党海生

文章 0 评论 0

飞翔的企鹅

文章 0 评论 0

鹿港小镇

文章 0 评论 0

wookoon

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文