前言

筆者前幾個月沒怎麼寫部落格，現在實習工作也4周了，開始規定自己每週寫一篇，主要目的是為了總結一下工作中遇到的問題與解決方法以及涉及到的知識，並與大家分享；順便的鍛鍊下自己的語言表達能力，這個在工作中真是太重要的，很多時候只要可以把問題清楚的描述出來，就等於問題已經可以解決了。

背景

剛做完領導交給的任務（修改幾個網頁頁面），自己測沒問題了，可是放到領導的機子上測試時卻出現了問題。找了一會發現是js快取問題。。。還好這個問題以前碰到過，所以沒花太長時間。既然遇到了這個問題，這裡就記下來，並想一下具體的對策。

構造類似的問題模型

這裡有4個檔案：

Default.aspx
Default.aspx.cs
JS1.js
CSS1.css
 

其中在Default.aspx的head段有對js和css的引用

<link href="Css1.css" rel="stylesheet" />
<script src="JS1.js"></script>

領導交給的任務呢，需要對CSS1.css和JS1.js修改，現在我們在這兩個檔案裡面打幾個空行，模擬我們修改了檔案。

這個時候，在自己電腦測的時候，可以會注意到要先清空快取再測。但是放到別人的電腦上，別人不一定會注意。

問題就這麼來了。

解決思路

百度過後總結一下，我們可以給引用檔案加上時間戳，這樣瀏覽器就認為這次的js和上次的js不是同一個檔案，就會重新載入了。如果時間戳用DataTime.Now,那麼重新載入的頻率過高，會影響效率，所以我們只需要在檔案修改後才讓瀏覽器重新載入即可。

可以這麼做。我們拿js檔案舉例：

後臺程式碼寫：

public string lastTime;

protected void Page_Load(object sender, EventArgs e)
{
    string filepath = Server.MapPath("JS1.js"); 
    FileInfo fileInfo = new FileInfo(filepath);  //FileInfo 在 System.IO 裡
    lastTime = fileInfo.LastWriteTime.ToString();

}

這樣lastTime就是JS1.js的最後修改的時間了。

接下來修改前臺的引用為：

<script src="JS1.js?lastTime=<%= lastTime %>"></script>

問題就解決了！ 很簡單吧。