[精讚] [會員登入]
8113

如何讓瀏覽器每次都重新載入css、js、圖檔

不管怎麼刷新網頁,他總是跑出來舊的內容,這對開發的人來說很困擾...

此文完整連結 http://n.sfs.tw/10310

複製連結 如何讓瀏覽器每次都重新載入css、js、圖檔@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2017-07-19 18:44:26 最後編修
2016-11-27 12:55:37 By 瘦河馬
 

How to force firefox reload my css or js files every time

這個問題的從兩個方面來說:

1. 使用者想要重新載入某個網頁,包括所有的js/css都全部重新載入,不要使用cache的資料

2. 伺服器想要確保每次使用者都是載入新的內容

使用者想要全部重新載入

[IE]

ie的設定很直覺,直接在瀏覽器設定就好,但是他是全部的網站適用,所以缺點是常常會忘了調回來。

選齒輪進入設定,選擇[網際網路選項]->[一般]中的瀏覽歷程記錄中[設定]

選擇第一個「每次造訪網頁時(E)」就會每次都載入

[Chrome]

按下 F5是重新整理但使用cache,但按下CTRL+F5是全部重新載入

其他解法

chrome還可以直接操作重載,在網址列旁的重新整理處按滑鼠右鍵,會出現選單點擊即可

只想重新載入單一css、js或圖檔...?

chrome 這部分做的很出色:

ctrl+Shift+I 進入開發者模式

按上面的[Network]再按F5重新載入,會出現很多載入的程序

找到你想要重新載入的那個檔按,按滑鼠右鍵,選擇[Clear browser cache]即可

[Firefox]

和chrome一樣

按下 F5是重新整理但使用cache,但按下CTRL+F5是全部重新載入

但這個功能是firefox先有的

如果這樣子firefox還是不載入新的資料,只能下猛藥了:

選齒輪進入設定,選擇[個人隱私]->[清除最近的歷史記錄]

選擇[所有歷史記錄]-->選[快取] 打勾其他不要勾,保證有效

伺服器想要確保每次使用者都是載入新的內容

2015-04-15 11:01:52 遇到一個問題,勾起我以前的一個經驗的回憶,趕快寫下來,這問題是這樣的:

我在寫CSS時,發現firefox並不會更新我有修改過的css檔,就算是按了F5或是按上面的刷新也是一樣。讓我懷疑我是不是改錯檔,這情形只發生在我這台電腦,家裡的不會。

後來上網發現這個方法[1],對的,我回憶起來,我以前都有用過,但是忘了:

法一

src="/css/styles.css?v={隨機製造一個亂數或字串}"

法二

在<header></header>中加入 meta

<header>
 <meta http-equiv="cache-control" content="no-cache" />
 <meta http-equiv="expires" content="0" /> 
</header>

本來法二的那一行輕鬆的解決。後來竟是檀花一現~~~

只證明法一有效

參考資料

[1] How to force Chrome browser to reload .css file while debugging in Visual Studio?

[2] http://superuser.com/questions/220179/how-can-i-do-a-cache-refresh-in-google-chrome

你可能感興趣的文章

CSS 的 !important 意義 網頁的前端工程師非常頭痛的事,就是同時要處理 IE和 FF等不同的瀏覽器,更糟的是 IE 又分成了 6 7 8三種版本,

網頁自動轉址的四種方法 設定網頁自動轉址的四種方法,三種html,一種php

[HTLM5] 表單時間日期date/time輸入類型 介紹HTML5和時間有關的輸入類型date/datetime/datetime-local/month/time/week

[HTML5] script 的新增屬性 defer, async script 的新增屬性 defer, async

UTF-8 BOM (Byte Order Mark) 的問題 在 Michael Kaplan 那看到 Every character has a story #4: U+feff

[HTLM5] html元件上的 data-* 屬性 html5 中元件中多了一個 data-*的屬性,這個屬性超級好用

[CSS] 改變文字選擇的顏色(反選的顏色) 我們會用滑鼠選取一小段文字,可能是為了複製或是為了看他清楚點,這篇來改變他選擇時的背影色。

[CSS] HTML 畫出粗外框表格的方法 (粗框表格) 在畫表格的時候,習慣上表格的外框要比內部的線條來得粗,不但比較美觀,而且看起來比較完整

[HTML] CSS中的折字換行或不換行(防止容器破壞) 使用者留言時故意來用一串長長的且沒有任何空白的長字串,把你的容器破壞得很難看...

關閉瀏覽器表單的自動完成autocomplete 什麼是自動完成?就是當我們在網頁的輸入文字欄位中打入文字時,瀏覽器會把曾輸入過歷史記錄中找出來讓我們選擇。

我有話要說


限制:留言最高字數1000字,超過部分會被截掉。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

[Windows7] 移除IE10及移除IE11 Windows7 不得已的情況要移除IE11或IE10怎麼做?

UTF8中文字/全形一覽 快速查詢urf-8的中文字,共計13246中文字(5401常用字+7652罕用字+日文或編號),292全形符號,27半形符號。

最值得學的電腦技能 什麼是最值得學的電腦技能?程式設計?美工繪圖?系統網路?還是…? 都不是!個人覺得一個最值得學的電腦技能就

Sound of Music @比利時中央車站 比利時中央車站的快閃表演:「真善美」

真正的喜悅 幾種喜悅的類型,雖然很簡單,卻是很多人百思不得其解的難題..