大家的網站往往都為一些靜態文件(例如JS、CSS等)添加了緩存功能,但是如果我們更新了這些文件,想要及時加載最新的文件,怎麼辦呢?這篇文章就來教你如何清除瀏覽器中的緩存,並讓瀏覽器加載網頁中最新的CSS和JS,讓訪客使用到最新的功能!
教學
注意:在以下各方法中,你均需要將「http://www.example.com/style.css」改為你的CSS文件地址!
1、如果你只是偶爾需要更新一下文件,我們只需要在文件地址後面加入 ?ver=[任意文字] 即可,例如:
<link rel="stylesheet" href="http://www.example.com/style.css?ver=[任意文字]" />
2、如果你想永遠不要緩存該文件,我們可以將PHP獲取當前的時間(UNIX格式)當作文件的版本,這樣,瀏覽器不會緩存你的文件:
注意:使用該方法可能會嚴重拖慢網站速度!
<link rel="stylesheet" href="http://www.example.com/style.css?ver=<?php echo time(); ?>" />
3、如果你想要只有在文件更改後才更新緩存,只需將文件被版本設定為 filemtime (本函數將輸出文件的最後更新時間)即可:
<?php $css = 'http://www.example.com/style.css'; ?>
<link rel="stylesheet" href="<?php echo $css; ?>?ver=<?php echo filemtime($css); ?>" />
4、如果你使用的WordPress系統,也可使用WordPress自帶的 wp_enqueue_style 函數來載入CSS至頭部:
function add_styles(){ $css = 'http://www.example.com/style.css'; wp_enqueue_style('style', $css, NULL, filemtime($css)); } add_action('wp_enqueue_scripts', 'add_styles');
1 2 3 4 5 |
function add_styles(){ $css = 'http://www.example.com/style.css'; wp_enqueue_style('style', $css, NULL, filemtime($css)); } add_action('wp_enqueue_scripts', 'add_styles'); |
精選專案.網頁設計.RWD響應式網站.行動版網站 / 服務類
網站技術:PHP . Javascript/MySql
提供韓國空運及海運的代購運輸服務,並擁有高效可靠的倉儲管理系統,為客戶打造快速便捷的服務。對於需要韓國商品的族群提供國際運輸服務,透過高效率的代購服務流程將商品快速送到客戶手上。
企業形象網站.無障礙網頁 / 服務類
響應台灣無障礙的生活的理念,各地輔具中心皆有相關設備提供民眾租借使用以解決生活中的不便利。
網站把主要功能以大區塊的方式呈現,民眾可以快速尋找想要的輔具工具,點選後直接進到申請頁,簡易又明確的流程協助民眾完成租借流程。
精選專案.網頁設計.RWD響應式網站 / 戶外旅遊類
網站技術:PHP . Javascript/MS-SQL
不論是個人、情侶、好友或是家庭想要安排一場獨一無二的旅遊!!趣吧有滿滿的夢幻行程可以滿足,機票、包車、住宿、票劵一次搞定;想要出國怕語言不通,也有專業達人協助。 讓你擁有一場難忘又滿足的旅遊。
電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策