CSSrefresh.js – 自动刷新 CSS 文件

神马东东?

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

为什么要用它?

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

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

怎么用它?

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

下载: CSSrefresh.js

再网页头部加载 cssrefresh.js :

<head><linkrel=”stylesheet”type=”text/css”href=”css/site.css”/>

<scripttype=”text/javascript”src=”js/cssrefresh.js”></script></head>

注意:js 要紧跟在 css 文件之下。

后记:

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

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

(QQ/微信:314111741):西安王尘宇 » CSSrefresh.js – 自动刷新 CSS 文件

赞 (0) 打赏

觉得文章有用就打赏一下文章作者

微信扫一扫打赏