iT邦幫忙

0

如何解決瀏覽器緩存CSS檔案的問題,使用flask開啟無法更新已修改的static CSS

我使用flask開啟檔案
css檔正常運作
之後修改了我的css檔
重整後依然是原本的css格式
應該是因為瀏覽器緩存了舊的
請問要怎麼從根本解決(程式碼)
而不是使用Ctrl+F5解決(瀏覽器)?
況且我使用了也不行

有個方法是給css路徑加上 ?跟隨機亂數
用來破壞緩存因為每次讀取的都不同
但此方法是好的方法嗎?
還有要如何實作?將亂數塞入下方程式片段?
link rel="stylesheet" href="{{ url_for('static',filename='css/custom.css') }}"

SHIFT + F5 強制更新所有的cache
link rel="stylesheet" href="my.css?a={{random( ... )}}"
froce iT邦大師 1 級 ‧ 2021-05-25 09:20:35 檢舉
chrome/firefox的開發者工具有個停用快取
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
PPTaiwan
iT邦好手 1 級 ‧ 2021-05-25 09:43:19

你的 CSS 加上 ?ver=隨便一個代碼,例如 20210525 也可以

style.css?ver=20210525

(未上正式機)可以用時間來處理,做為即時的更新與 Debug

(上正式機) 可以用日期來處理,不要加上時間將會使得網站變慢

0
Sid 吸管
iT邦新手 5 級 ‧ 2021-05-26 11:50:59

過一層自動化工具,在檔名加上 HASH
只有檔案真的經過改動,HASH 才會變化
可以兼顧 Cache 的好處也避免壞處

現在前端框架的 Scaffolding tool 基本上都有做類似的處理
像這樣:

我要發表回答

立即登入回答