html緩存問題
1. 網站首頁 index.html 瀏覽器緩存了怎麼辦
在html里加入代碼，禁用緩存就可以了
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
<META HTTP-EQUIV="expires" CONTENT="0">
2. 請教高手，html頁面中的圖片，如何讓瀏覽器緩存至本地
方法很簡單，你把保留網頁歷史的時間改長而且加大緩存目錄的體積就行了，方法就是看瀏覽器頂部，工具，internet選項，這個界面有歷史長度，最多999天，看裡面的「設置」，可以改保存網頁的路徑，以及體積大小。在歷史時間內，比如30天，不需要再次緩存頁面，但是有個問題，就是你如果在線聽歌，看大圖片，如果過多，會導致你的IE緩存很龐大，有可能超出你的IE默認的體積，所以你最好轉移到非系統分區，而且設置體積很大，1G甚至更大，否則超出後默認刪除早期的圖片，歌曲，flash等文件。
3. html圖片緩存問題
方法1. 將圖片下載到本地，缺點是保存時會彈出文件保存提示框，需要用戶配合
方法2. 將圖片存到localStorage，用戶無感知，缺點是最多存5MB
不知道樓主什麼場景瀏覽器無法自動緩存資源。手動緩存是個很不常規的手段
4. html 頁面怎麼對緩存進行設置
根據伺服器系統環節的不同設置方法不一樣
1、在Apache環境下
可以通過在.htaccess文件中添加下面的代碼，設置圖片的HTTP緩存和有效期（需要開啟apache的headers模塊支持）：
#.gimhoy.com<FilesMatch".(flv|gif|jpg|jpeg|png|ico|swf)$">HeadersetCache-Control"max-age=3156000"
其中max-age後面這個數字就是設置的緩存有效期（以秒為單位），比如上面的代碼設置了網站的圖片使用為期一年（3156000秒）的HTTP緩存。
2、在Nginx下
可以通過修改nginx.conf配置文件，來修改緩存設置：
location ~* .(flv|gif|jpg|jpeg|png|ico|swf)$ { expires 1y; access_log off; break; }
注意：同樣的方法，可以給js和css文件設置緩存。
5. 請教打開html頁面如何清除緩存
打開html頁面，清除頁面緩存的方法有很多，您可以試試，比如：
1、在重新調用原頁面的時候在給頁面傳一個參數
Href="****.asp?random()"
2、在Asp頁面首部加入
Response.Buffer = True
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
Response.AddHeader "Pragma", "No-Cache"
3、在HtML代碼中加入
<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
</HEAD>
6. 如何給html網頁設置緩存
在Apache環境下，可以通過在.htaccess文件中添加下面的代碼，設置圖片的HTTP緩存和有效期（需要開啟apache的headers模塊支持）：
# Image and Flash content Caching for ONE Year blog.gimhoy.com<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf)$"> Header set Cache-Control "max-age=3156000"
其中max-age後面這個數字就是設置的緩存有效期（以秒為單位），比如上面的代碼設置了網站的圖片使用為期一年（3156000秒）的HTTP緩存。
在Nginx下，可以通過修改nginx.conf配置文件，來修改緩存設置：
location ~* \.(flv|gif|jpg|jpeg|png|ico|swf)$ { expires 1y; access_log off; break; }
同樣的方法，你也可以給js和css文件設置緩存。
7. html5新增了離線緩存機制這說法對嗎
這個不算是 新增吧。
隨著現代瀏覽器的推動，Flash放棄對移動端的支持，HTML5無疑成為當前Web前端炙手可熱的話題。各大游戲開發商、App開發商紛紛投入人力進行研究和技術儲備。相信不久的將來，HTML5會迎來一個快速發展和普及的春天。那麼，HTML5這個新一代的標准，又給我們帶來哪些緩存機制呢？
HTML5 之離線應用Manifest
我們知道，使用傳統的技術，就算是對站點的資源都實施了比較好的緩存策略，但是在斷網的情況下，是無法訪問的，因為入口的HTML頁面我們一般運維的考慮，不會對其進行緩存。HTML5的Cache Mainifest離線應用特性就能夠幫助我們構建離線也能使用的站點，所有的資源都使用瀏覽器本地緩存，當然前提是要求在聯網的情形下使用過一次站點。
如何實現離線訪問特性
實現的步驟非常簡單，主要3個步驟：
1）在伺服器上添加MIME TYPE支，讓伺服器能夠識別manifest後綴的文件
AddType text/cache-manifest manifest
2）創建一個後綴名為.manifest的文件，把需要緩存的文件按格式寫在裡面，並用注釋行標注版本
CACHE MANIFEST
# 直接緩存的文件
CACHE:
Path/to/cache.js
# version：2012-03-20
3）給 <html> 標簽加 manifest 屬性，並引用manifest文件
具體可以參考：HTML5 緩存: cache manifest
<html manifest=」path/to/name-of.manifest」>
離線應用訪問及更新流程
第一次訪問離線應用的入口頁HTML（引用了manifest文件），正常發送請求，獲取manifest文件並在本地緩存，陸續拉取manifest中的需要緩存的文件
再次訪問時，無法在線離線與否，都會直接從緩存中獲取入口頁HTML和其他緩存的文件進行展示。如果此時在線，瀏覽器會發送請求到伺服器請求manifest文件，並與第一次訪問的副本進行比對，如果發現版本不一致，會陸續發送請求重新拉取入口文件HTML和需要緩存的文件並更新本地緩存副本
之後的訪問重復第2步的行為
離線機制的緩存用途
從Manifest的機制來看，即使我們不是為了創建離線應用，也同樣可以使用這種機制用於緩存文件，可以說是給Web緩存提供多一種可以選擇的途徑。
存在的問題：緩存文件更新控制不靈活
就目前HTML5提供的manifest機制來講，一個頁面只能引用一個manifest頁面，而且一旦發現這個manifest改變了，就會把裡面所有定義的緩存文件全部重新拉取一遍，不管實際上有沒有更新，控制比較不靈活。針對這個問題，也有的同學提出了一些建議，比如把需要緩存的文件分模塊切分到不同manifest中，並分開用HTML引用，再使用強大的iframe嵌入到入口頁面，這樣就當某一個模式需要有更新，不會導致其他模塊的文件也重新拉取一遍。
HTML5 之本地存儲localstorage
HTML5給我們提供本地存儲localstorage特性，嚴格來講，其實已經不算傳統Web緩存的范疇。因為它存儲的地方是跟Web緩存分開的，是瀏覽器重新開辟的一個地方。
localstorage的作用
本地存儲localstorage的作用主要使Web頁面能夠通過瀏覽器提供的set/get介面，存儲一些自定義的信息到本地硬碟，並且在單次訪問或以後的訪問過程中隨時獲取或修改。
Localstorage的使用
Localstorage提供了幾個非常易用的Api，setItem/getItem/removeItem/clear，具體的可以參考：Html5 Step by Step(二) 本地存儲
Localstorage的緩存用途
Localstorage設計的本意可能是用來存儲一些用戶操作的個性化設置的文本類型的信息和數據，當我們其實也可能拿來當Web緩存區使用，比如我們可以將Base64格式編碼的圖片信息，存在localstorage中，再次訪問時，直接本地獲取後，使用Css3的Data:image的方式直接展現出來。
存在的問題：大小限制
按照目前標准，目前瀏覽器只給每個獨立的域名提供5m的存儲空間，當存儲超過5m，瀏覽器就會彈出警告框。
可以說，HTML5的Manifest和localstorage是給我們在考慮Web緩存的時候提供了多一種思路，當你開發的應用只面對現代瀏覽器的時候，不妨可以考慮一下
8. 【瀏覽器緩存問題】HTML靜態文件中，css和js可以添加版本號來刷新緩存，但是只是修改的文字了呢
給網址後面添加一個隨機數（或者是任意的字元串）即可，比如原來的網址是這樣的：
http....../.../1.htm
改為
http....../.../1.htm?1234
即可（注意問號不能省）。
瀏覽器是根據網址來緩存的，所以只要給網址接個尾巴，瀏覽器就會認為是新網址，就會從網上重新下載數據了。當然，如果下次再次改變了網頁內容，這個尾巴就要再次修改。
給css和js添加所謂版本號其實也是同一個原理。這個版本號其實就是給css和js的網址接個尾巴而已。
這個也同樣適用網頁裡面的圖片、音樂等資源，事實上只要是http協議的元素都可以利用這個辦法來避開緩存實時刷新。
9. 如何讓html頁面不緩存，js永久緩存
當瀏覽不同Url時，瀏覽器會自動將當前訪問的地址進行一次緩存；而第二次訪問時著調用緩存下來的頁面，從而達到頁面快速載入(頁面載入優化)的目的；
因此，我們可以給頁面後面設定個不同的值，讓頁面保持沒錯訪問的不同即可達到不緩存的目的了！
下面是個簡單的示例:
復制代碼 代碼如下:
<script>
document.write("<script type='text/javascript' src='/js/test.js?"+Math.random();+"'></script>");
</script>
其他的類似，只需在地址後加上+Math.random()
注意：因為Math.random() 只能在Javascript 下起作用，故只能通過Javascript的調用才可以
最後加一個ajax也不讓緩存的方法
復制代碼 代碼如下:
xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);
記得後面的now=" + new Date().getTime()是重點，需要帶參數的。
希望本文所述對大家的javascript程序設計有所幫助。
以上是雲棲社區小編為您精心准備的的內容，在雲棲社區的博客、問答、公眾號、人物、課程等欄目也有的相關內容，歡迎繼續使用右上角搜索按鈕進行搜索js ， html ， 頁面 不緩存 javascript 緩存、javascript 清除緩存、javascript緩存數據、javascript 本地緩存、javascript 緩存機制，以便於您獲取更多的相關知識。
10. html頁面會緩存嗎
單純的html頁面不會緩存，htm是一種標記語言，用來描述和標記的，不能實現緩存。html裡面的JavaScript代碼是當這個html頁面載入時瀏覽器解釋執行，也不可以實現數據緩存。