在Web開發中,使用CSS樣式表是非常常見的,但是有時候我們需要讓瀏覽器重新加載CSS文件而不是使用緩存中的版本。這時候就需要通過給CSS文件加上時間戳來實現。
下面是Java中給CSS文件加時間戳的代碼:
/** * 給CSS文件添加時間戳 * * @param cssPath CSS文件路徑 * @return 加上時間戳的CSS文件路徑 */ public static String addTimestampToCss(String cssPath) { if (StringUtil.isBlank(cssPath)) { return cssPath; } StringBuilder builder = new StringBuilder(cssPath); builder.append("?"); builder.append(System.currentTimeMillis()); return builder.toString(); }
上述代碼中,我們定義了一個靜態方法addTimestampToCss
,該方法接收一個CSS文件的路徑作為參數。然后在路徑后添加一個問號和當前時間戳,最后返回加上時間戳的路徑。
使用方法如下:
String cssPath = "/css/style.css"; String timestampCssPath = addTimestampToCss(cssPath);
上述代碼中,我們先定義了一個CSS文件路徑/css/style.css
,然后使用addTimestampToCss
方法給該路徑添加時間戳。最后得到的timestampCssPath
就是/css/style.css?123456789
這樣的形式。
在HTML中,我們只需要將CSS文件引用改成加上時間戳的路徑即可:
<link rel="stylesheet" type="text/css" href="/css/style.css?123456789" />
這樣,在每次修改CSS文件之后,瀏覽器都會重新加載CSS文件。同時,也避免了緩存中的CSS文件與實際生效的CSS文件不一致的問題。
下一篇css如何不隱藏彈框