瀏覽器載入js和css檔的快取問題

 

之前更改javascript檔或是css檔時總會遇到一個情況是明明已經改了程式，為什麼跑出的結果還是更改前的狀況。後來才發現原來這類的檔案瀏覽器都會被快取儲存起來，除非清除掉快取讓網頁重新整理檔案才會取到最新的版本，但是不是所有人都知道瀏覽器的快取要怎麼清除，在網路上找到了方法只要重新整理網頁就能讓瀏覽器更新到最新版本的方法。

在檔案的路徑後面加上?然後輸入數字，很像GET傳遞參數的方式，網路上的前輩是建議加上日期或是版本編號，這樣也比較方便管理。


JAVASCRIPT

原本的宣告方式

<script src="js/myjs.min.js?20201003"></script>

加入日期的宣告方式

<script src="js/myjs.min.js?20201003"></script>

 

CSS

原本的宣告方式

<link rel="stylesheet" type="text/css" href="css/mycss.css">

加入日期的宣告方式

<link rel="stylesheet" type="text/css" href="css/mycss.css?20201003">

 

 

chrome清除快取

方法一：

從設定 -> 隱私權和安全性 -> 清除瀏覽資料


選擇快取圖片和檔案，然後按下清除資料按鈕，就可完成快取清除

 


方法二

按滑鼠右鍵選擇檢查或是鍵盤F12叫出工作管理員，然後再重新整理的圖示按下右鍵，選擇清除快取並強制重新載入。

這個方法只對單一網頁的快取做清除，不會把所有的快取都清掉，算是蠻方便的方式。




參考網址：

https://blog.miniasp.com/post/2008/02/03/Avoid-browser-cache-problem-on-css-or-javascript-file

https://www.opencli.com/php/force-browser-reload-css-js

留言

張貼留言

這個網誌中的熱門文章

Fatal error: Call to a member function bindValue() on null

  錯誤訊息： Fatal error: Call to a member function bindValue() on null   此錯誤原因為執行時沒有引用到 $dbc->prepare($sql);   完整使用 $sql=”SELECT * FROM TEST WHERE ID:id ”; $dbc = new ConnDB(ConnDB::$CHARSET_AL32UTF8); $stmtSel = $dbc->getConnection()->prepare($sql); // 這段沒有引用到造成上述的錯誤 $stmt->bindValue(":id", $id, PDO::PARAM_STR); $stmtSel->execute(); 參考網址：https://stackoverflow.com/questions/19681463/error-in-pdo-page-call-to-a-member-function-bindvalue-on-a-non-object
閱讀完整內容

IIS-Microsoft OLE DB Provider for ODBC Drivers 錯誤 '80004005'

圖片
  前不久因為機房有一台 windows 的主機太老舊要關機了， MIS 通知我上面的系統都要搬移，我把負責的系統搬到另一台 windows 主機上，在 IIS 上建了一個新的站台然後基本設定做完要做測試時出現了以下的錯誤訊息：   Microsoft OLE DB Provider for ODBC Drivers 錯誤 '80004005'   字面上的意思就是找不到這個驅動，但進去看設定明明 ODBC 的驅動都在上面了，找了好久終於爬到原來我的系統裡面有使用 access 這個我覺得很老又很陽春的資料庫，他必須要在 32 位元的 server 才能正常運作，但我這台是 64 位元的所以才會出現這個錯誤訊息，解決的設定如下：   在 IIS 的管理介面點開應用程式集區，會看所有的站台列表，點開要設定的站台，然後獎啟用 32 位元應用程式的 False 改成 True 後即可。
閱讀完整內容

ORA-12899: value too large for column

ORA-12899: value too large for column         最近在做儲存資料的動作時出現了錯誤，這個錯誤訊息很簡單就是字面上的意思，輸入值的長度大小超出欄位可存的範圍。         一般在加大欄位的儲存大小後即可解決，不過建議在欄位建立之前先規劃好要存的資料大小，非不得以時再作改欄位大小的動作，不然欄位加大後可是沒辦法再減少的。                 或是檢查一下輸入的資料對應的欄位是否都正確，不然就像我一樣白癡 10bit 的值塞錯欄位寫到了只能存 2bit 的欄位，修改後就能順利存入了。  
閱讀完整內容