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

flask css

hbhbhbisme 2021-05-25 01:58:26 ‧ 1368 瀏覽

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

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

japhenchen iT邦超人 1 級 ‧ 2021-05-25 07:32:36 檢舉

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 }} |

直播中

PPTaiwan

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

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

style.css?ver=20210525

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

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

Sid 吸管

iT邦新手 5 級 ‧ 2021-05-26 11:50:59

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

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

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙