CSS＃{resource}版本號

Question

如何對CSS資源中的圖像資源進行版本控制或強制瀏覽器清除緩存？

使用此代碼在我的CSS：

.applicationLogo { 
    background: url("#{resource['images:invoicePa.png']}") no-repeat 0 0; 
} 

Answer 1

基本上，追加一個版本的查詢字符串。它可以靜態地完成

background: url("#{resource['images:invoicePa.png']}?1") no-repeat 0 0; 

或動態地基於例如， server startup time。

background: url("#{resource['images:invoicePa.png']}?#{startup.time}") no-repeat 0 0; 

甚至在資源自己的時間戳（雖然檢查雖然相對昂貴）。

background: url("#{resource['images:invoicePa.png']}?#{facesContext.externalContext.getResource('/resources/images/invoicePa.png').openConnection().lastModified}") no-repeat 0 0; 

另一種方法是簡單地重命名該文件。

background: url("#{resource['images:invoice_payment.png']}") no-repeat 0 0;