JavaScript 清除快取

Shraddha Paghdar 2022年6月7日
JavaScript 清除快取

當你訪問一個網站時,你的瀏覽器會接管頁面的一部分並將它們儲存在你的計算機硬碟上。瀏覽器通常儲存網站部分的所謂靜態資產,這些部分不會因一次訪問而改變。

在今天的文章中,我們將學習在 JavaScript 中清除快取。

在 JavaScript 中清除快取

瀏覽器旨在儲存所有簡短的快取。這是因為快取是網站載入速度更快的主要原因。

因此,除非更改 HTML 中的某些編碼,否則沒有直接的方法可以永久清除快取。可能還有其他幾種方法可以做到這一點,但這兩種是最簡單和最有效的。

Web 瀏覽器不允許你像移動應用程式一樣清除其快取。雖然我們無法清除整個客戶端瀏覽器快取,但仍然可以使用 HTML 程式碼中的 meta 標記載入網頁而不進行快取。

做到這一點的唯一方法是更改​​表示瀏覽器不記得最近載入的記憶體的程式碼,這只不過是快取記憶體。

以下兩個示例說明如何清除快取。以下程式碼不能按原樣執行並且沒有輸出。

必須將其新增到現有程式碼中才能檢視輸出。

方法一

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

新增這部分 HTML 程式碼,使瀏覽器不記錄快取。

方法二

將引數上傳到 script 標籤內的檔名。交換記錄時交換它。

允許這是文件的名稱。每次載入此頁面時,都會交替使用指令碼的版本。

<script src = "oldFile.js?version = 0.1"></script>

下次載入此頁面時,它應該看起來像這樣。

<script src = "newfile.js?version = 0.2"></script>
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn