為什麼在 CSS 和 JavaScript 連結檔案中包含參數?
問題:
檢查時各種網站原始碼中,我們注意到許多網站將參數傳遞給 CSS 和 JavaScript 連結檔案。例如,在 Stack Overflow 原始碼中,我們發現以下腳本:
<script type="text/javascript" src="http://sstatic.net/js/master.js?v=55c7eccb8e19"></script>
為什麼包含 master.js?v=55c7eccb8e19 這個參數?
答案:
CSS 和 JavaScript 連結檔案中包含參數主要是為了防止快取。
說明:
當客戶造訪網站時,他們的瀏覽器可能會快取 CSS 和 JavaScript 文件,以提高後續存取的效能。但是,如果 CSS 或 JavaScript 檔案更新,快取的版本可能會過時並阻止客戶端看到最新的變更。
透過在連結檔案中附加唯一參數,例如 ?v=55c7eccb8e19,瀏覽器每次都被迫向伺服器要求檔案。這可以防止它使用快取的版本,並確保客戶端始終收到最新版本的檔案。
在部署應用程式的新版本時,此技術特別有用。透過更新參數值,您可以強制客戶端刷新其 CSS 和 JavaScript 檔案並立即載入變更。
以上是為什麼網站在其 CSS 和 JavaScript 連結檔案中包含參數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!