更新网站的CSS而不刷新页面

Question

我用CSS创建了一个页面.现在我必须从我的编辑器更改为我的浏览器并刷新整个页面,只是为了看看每一个小变化.但我不想刷新页面,因为我有一些动画.

那么我有什么可以使用我的网站在CSS更新后自动更新？
也许使用JavaScript,jQuery,Ajax或其他东西？

Answer 1

你在这里:http://cssrefresh.frebsite.nl/

CSSrefresh是一个小型,无阻碍的javascript文件,可以监控网页中包含的CSS文件.只要保存CSS文件,就可以直接实现更改,而无需刷新浏览器.

只需插入javascript文件即可使用!

但请注意:它仅在您拥有服务器上的文件时才有效!

编辑:LiveStyle

如果您使用Sublime Text和Google Chrome或Apple Safari进行开发,那么您应该使用Emmet LiveStyle.这是一个更强大的Live CSS-Reloader.
现在我使用它代替CSS Refresh.

如果您想了解有关此精彩插件的更多信息,请阅读Smashing Magazine的帖子

Answer 2

使用jQuery,您可以创建一个重新加载外部样式表的函数.

/**
 * Forces a reload of all stylesheets by appending a unique query string
 * to each stylesheet URL.
 */
function reloadStylesheets() {
    var queryString = '?reload=' + new Date().getTime();
    $('link[rel="stylesheet"]').each(function () {
        this.href = this.href.replace(/\?.*|$/, queryString);
    });
}