在工作中每次修改样式之后都需要手动刷新浏览器,有时候可能由于忘记刷新导致一些低级的错误,为了简化开发任务,我们可以通过程序实现自动加载css文件,这样可以免去刷新n多个浏览器的问题了。

程序代码如下:

/*
 *这段程序可以定时重新加载页面中所有link引入的css文件
 *params:pertime为每多少毫秒重新加载
 *
 */
function autorefreshcss(pertime){
    var links = document.getElementsByTagName("link");
    var auto = function(links){
        var linkslen = links.length;
        for(var i = 0; i < linkslen; i++){
            var perlink = links[i], prelinkhre = '';
            if(perlink.href.indexOf("?") == -1) {
                perlink.href += '?' + gettime();
            } else {
                prelinkhre = perlink.href.slice(0, perlink.href.lastIndexOf('?'));
                perlink.href = prelinkhre + '?' + gettime();
            }
        }
    }
    setInterval(function(){auto(links);}, pertime);
}
//获取时间戳
function gettime(){
    var time = new Date();
    return time.getTime();
}
//使用方式
window.onload = function(){
    autorefreshcss(1000);
}

程序有待优化,希望大家不要笑话本人的代码,由于能力有限,只能写成这个样子了。还望大家多多指正。