在進行前端開發的過程中,我們通常會使用 CSS 來美化網頁的樣式,但是在開發過程中,我們可能會遇到緩存問題,就是我們修改了 CSS 文件的內容,但是在瀏覽器中看到的卻是舊的樣式,這時候我們就需要給 CSS 文件加上時間戳來避免這個問題。
/* 沒有時間戳的 CSS 文件引入方式 */ <link rel="stylesheet" href="./style.css">/* 加了時間戳的 CSS 文件引入方式 */ <link rel="stylesheet" href="./style.css?v=20200706">
如上述代碼所示,我們只需要在引入 CSS 文件時在后面加上一個時間戳即可,時間戳可以是當前日期、時間等,這樣每次文件內容發生改變時,瀏覽器都會重新下載該文件,避免了緩存問題。
在實際開發中,為了方便管理和維護,我們通常會使用版本控制工具來管理文件和代碼,如 Git,這時候我們可以使用 Git 引用來生成時間戳。
/* 利用 Git 引用來生成時間戳 */ <link rel="stylesheet" href="./style.css?v=<?php echo `git rev-parse HEAD`; ?>">
我們可以利用 PHP 的執行命令反引號(`)或 shell_exec 函數來執行 Git 命令從而生成時間戳。
總之,給 CSS 文件加上時間戳是一種簡單有效的文件管理方式,可以幫助我們避免緩存問題,更快地更新網頁樣式。
上一篇css制作網站結業作業
下一篇sencha 和vue