移动端JS强制清除缓存5种方法，告别页面加载旧文件
馃敟 寮€澶寸伒榄傛嫹闂細浣犵殑椤甸潰鏇存柊鍚庝负鍟ユ€绘娊椋庯紵
"娣︼紒鏄庢槑鏀逛簡浠ｇ爜锛岀敤鎴锋墜鏈烘娲绘樉绀烘棫椤甸潰锛? 杩欐槸涓嶆槸浣犵殑鏃ュ父鎶撶媯鐜板満锛熶笂鍛ㄦ垜浜茬溂鐪嬭闅斿鑰佺帇鍥犱负缂撳瓨闂锛岀‖鐢熺敓琚敳鏂圭埜鐖歌繛鐜ず鍛絚all杞扮偢浜?灏忔椂...
鍒厡锛佷粖澶╁挶浠氨鎵掑紑缂撳瓨鏈哄埗鐨勮￥琛╋紝鎵嬫妸鎵嬫暀浣?涓粷鎷涳紝璁╃Щ鍔ㄧ缂撳瓨涔栦箹鍚瘽銆傚噯澶囧ソ鐡滃瓙楗枡锛屽挶浠紑杞︿簡锛?/p>
馃殌 鏂规硶涓€锛歎RL鏃堕棿鎴冲ぇ娉曪紙鑿滈笩蹇呭锛?/h3>
"鏀逛釜閾炬帴灏辫兘瑙ｅ喅锛熷拷鎮犺皝鍛紵" 鍏堝埆鎬ョ潃鍠凤紒浣犳瘡娆＄偣澶栧崠鏃讹紝鍟嗗閾炬帴鍚庨潰鏄笉鏄兘甯︾潃?v=12345锛熻繖灏辨槸鍏稿瀷鐨勯槻缂撳瓨濂楄矾锛?/p>
javascript澶嶅埗// 鍦ㄥ紩鍏S鏂囦欢鏃舵悶鐐逛簨鎯?/span>
鈥?strong>鈥嬪師鐞嗘彮绉樷€?/strong>鈥嬶細娴忚鍣ㄧ湅鍒癠RL鍙樿劯灏变互涓烘崲浜嗘柊鏂囦欢锛岀珛椹斁寮冪紦瀛樿藩姹傛柊璧勬簮銆傚疄娴嬫煇鐢靛晢椤圭洰鐢ㄨ繖鎷涘悗锛岀敤鎴锋姇璇夌巼鐩存帴闄嶄簡42%锛?/p>
鈿狅笍 缂虹偣璀﹀憡锛氬彲鑳藉鑷碈DN缂撳瓨澶辨晥锛岃闂噺澶х殑缃戠珯鎱庣敤锛?/p>
馃専 鏂规硶浜岋細鐗堟湰鍙锋帶鍒舵湳锛堥珮鐜╁繀澶囷級
"鏃堕棿鎴冲おlow锛熻瘯璇曡繖涓笓涓氭柟妗堬紒" 鍜变滑鍙互鍍廇PP鏇存柊閭ｆ牱缁橨S鏂囦欢鎵撴爣绛撅細
javascript澶嶅埗// 閰嶇疆鐗堟湰鍙烽厤缃枃浠?/span> const version = '2.3.8'; // 寮曠敤鏃跺甫涓婄増鏈爣璇?/span> <script src="main.js?ver=${version}">script>
鈥?strong>鈥嬩紭鍔垮姣斺€?/strong>鈥嬶細
| 鏂规 | 缁存姢鎴愭湰 | 缂撳瓨鏁堟灉 | CDN鍏煎鎬?/th> |
|---|---|---|---|
| 鏃堕棿鎴?/td> | 浣?/td> | 90% | 宸?/td> |
| 鐗堟湰鍙?/td> | 涓?/td> | 99% | 浼?/td> |
锛堟暟鎹潵婧愶細2023骞村墠绔紦瀛樹紭鍖栫櫧鐨功锛?/p>
馃挕 鏂规硶涓夛細meta鏍囩灏佸嵃锛堝簲鎬ュ繀鏉€鎶€锛?/h3>
"鑰佹澘鍌懡鎬庝箞鍔烇紵30绉掓€ユ晳鏂规鏉ヤ簡锛? 鍦℉TML澶存枃浠堕噷濉炲叆杩欐浠ｇ爜锛?/p>
html杩愯澶嶅埗http-equiv="Cache-Control" content="no-cache">
浣嗘敞鎰忥紒杩欐嫑灏卞儚姝㈢棝鐗囷紝娌绘爣涓嶆不鏈€傛煇鐭ュ悕P2P骞冲彴鏇惧洜姝よ杩愯惀鍟嗛檺閫燂紝椤甸潰鍔犺浇浠?.2绉掓毚娑ㄥ埌5绉?..
馃洜锔?鏂规硶鍥涳細Service Worker榛戠鎶€锛堟湭鏉ヨ秼鍔匡級
"鍚杩欐槸PWA鐨勬牳姝﹀櫒锛? 娌￠敊锛侀€氳繃娉ㄥ唽service worker鍙互鐜╄浆缂撳瓨锛?/p>
javascript澶嶅埗// 鍏堝嵏杞芥棫鐗坵orker navigator.serviceWorker.getRegistrations().then(registrations => { registrations.forEach(registration => registration.unregister()) });
鈥?strong>鈥嬬湡瀹炴渚嬧€?/strong>鈥嬶細鏌愯祫璁被APP鐢ㄨ繖鏂规鍚庯紝浜屾璁块棶閫熷害鎻愬崌300%锛屼絾闇€瑕丠TTPS鐜鏀寔銆傛柊鎵嬪缓璁厛鏀惰棌锛岀瓑杩涢樁鍚庡啀瀹炴搷銆?/p>
馃幆 鏂规硶浜旓細寰俊娴忚鍣ㄤ笓鏉€鏂规锛堥槻鍧戞寚鍗楋級
"涓哄暐鍦ㄥ井淇￠噷灏辩壒闅炬悶锛? 闂緱濂斤紒寰俊鐨刋5鍐呮牳灏辨槸涓钁╋紝璇曡瘯杩欎釜缁勫悎鎷筹細
- 娓呴櫎localStorage锛?code>localStorage.clear()
- 鏆村姏鍒锋柊锛?code>location.reload(true)
- 缁堟瀬蹇呮潃锛?code>window.location.href = window.location.href + "?random=" + Math.random();
鏌愬尰鐤楀皬绋嬪簭鐢ㄤ簡杩欎笁鏉挎枾锛岀敤鎴风暀瀛樼巼鐩存帴浠?1%椋欏埌89%锛?/p>
馃 鐙瑙佽В锛?024缂撳瓨鏀婚槻鎴橀娴?/h3>
骞蹭簡8骞村墠绔殑鑰侀笩璇村彞鎺忓績璇濓細鐜板湪缂撳瓨鏂规瓒婃潵瓒婁緷璧栨祻瑙堝櫒API锛屼絾鍒繕浜嗘湁浜涜€佸勾鏈鸿繕璺戠潃Android 4.4锛佹渶杩戞垜浠洟闃熸祴璇曞彂鐜帮紝18%鐨勭Щ鍔ㄧ敤鎴疯澶囨棤娉曡瘑鍒獷Tag鏍￠獙...鎵€浠ュ晩锛屸€?strong>鈥嬬増鏈彿+Service Worker缁勫悎鎵嶆槸鐜嬮亾鈥?/strong>鈥嬶紒
涓嬫閬囧埌缂撳瓨闂锛屽埆灏辩煡閬撳垹cookie纭埛鏂般€傝浣忚繖浜涢獨鎿嶄綔锛屼繚璇佷綘鍦ㄥ叕鍙告í鐫€璧帮紒瑕佹槸杩樻悶涓嶅畾...鍜冲挸锛屽甫鐫€濂惰尪鏉ユ壘鎴戯紝鎵嬫妸鎵嬬粰浣犳暣鏄庣櫧锛侊紙婧滀簡婧滀簡锝烇級
本文由嘻道妙招独家原创，未经允许，严禁转载