許多網站將參數附加到其連結的 CSS 和 JavaScript 檔案的來源中。這種做法可能看起來不尋常,因為這些檔案通常不接受和處理外部參數。然而,這種技術有一個重要的目的。
快取預防
將參數傳遞給 CSS 和 JavaScript 檔案的主要原因是為了防止快取。快取是瀏覽器用來在本機上儲存頻繁存取的內容(例如先前載入的檔案)的一種機制。雖然快取可以提高效能,但如果發布了文件的新版本但瀏覽器繼續載入快取版本,也可能會導致問題。
透過向連結來源新增唯一參數,您可以強制瀏覽器直接從伺服器檢索文件,繞過其快取。這可確保使用者始終收到最新版本的文件,從而防止他們查看過時或不正確的內容。
範例
在Stack Overflow 原始碼中,您可以提到這一行:
<script type="text/javascript" src="http://sstatic.net/js/master.js?v=55c7eccb8e19"></script>
這裡附加了參數「v=55c7eccb8e19 ”到連結來源的末尾。此version參數表示正在載入的master.js檔案的版本具有指定的雜湊值。當瀏覽器遇到此參數時,會直接向伺服器要求文件,確保取得最新版本。
以上是為什麼 CSS 和 JavaScript 文件連結要新增參數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!