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

记录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后,通知客户端去清空缓存重新加载
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容