CSS截圖資源在網站開發中經常用到,但是一旦資源更新,瀏覽器緩存可能會導致資源無法正常更新。為了解決這個問題,我們可以在圖片的URL后面添加一個時間戳來保證每次圖片資源變化的時候瀏覽器可以重新發起請求并獲取最新的資源。
實現這個效果很簡單,只需要將圖片的URL后面加上一個時間戳即可。時間戳可以使用JavaScript的Date對象來生成,這樣可以確保每次請求的時間戳都是唯一的。
img{ src: "https://image.jpg?" + new Date().getTime(); }
使用該代碼后,瀏覽器會在每次請求圖片資源時都把新的時間戳添加到URL后面。這樣就能保證資源可以一直更新,不會出現緩存問題了。