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後,通知客戶端去清空緩存重新加載
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章