美文网首页PHP开发PHP职业成长之路
js判断资源(css,js)是否需要更新

js判断资源(css,js)是否需要更新

作者: 程大哥T_T | 来源:发表于2020-04-15 18:09 被阅读0次

记录js判断引入资源是否有更新

需要根据引入的css,js的版本号是否有改动通知app动态更新资源

//javascript
try {
        //获取资源
        var a = window.performance.getEntriesByType("resource");
        // if (typeof(Storage) !== "undefined") {
        //     // 是的! 支持 localStorage  sessionStorage 对象!
        // } else {
        //     // 抱歉! 不支持 web 存储。
        // }
        for (var i = 0; i < a.length; i++) {
            let name = a[i].name;
            let k_v = name.split('?');

            let key = k_v[0];
            let value = '';

            if (k_v[1]) {
                value = k_v[1];
            } else {
                value = '0';
            }

            //先获取缓存判断是否更新了
            let tmp_val = localStorage.getItem(key);
            if (tmp_val != value) {
                console.log('需要更新了:' + key);
                //清空缓存 重新加载
            }
            localStorage.setItem(key, value);
            console.log(k_v);
        }
    }catch(err){

    }

<script src="js/webCommons.js?v=1.0.6"></script>

单这个引入的版本号改变为1.0.7后,通知客户端去清空缓存重新加载

相关文章

网友评论

    本文标题:js判断资源(css,js)是否需要更新

    本文链接:https://www.haomeiwen.com/subject/hnkhvhtx.html