錦州市廣廈電腦維修|上門維修電腦|上門做系統|0416-3905144熱誠服務,錦州廣廈維修電腦,公司IT外包服務
topFlag1 設為首頁
topFlag3 收藏本站
 
maojin003 首 頁 公司介紹 服務項目 服務報價 維修流程 IT外包服務 服務器維護 技術文章 常見故障
錦州市廣廈電腦維修|上門維修電腦|上門做系統|0416-3905144熱誠服務技術文章
js 瀏覽器緩存機制

作者: 佚名  日期:2019-07-28 13:24:50   來源: 本站整理

 什么是瀏覽器緩存

Web緩存是指一個Web資源(如html頁面,圖片,js,數據等)存在于Web服務器和客戶端(瀏覽器)之間的副本。緩存會根據進來的請求保存輸出內容的副本;當下一個請求來到的時候,如果是相同的URL,緩存會根據緩存機制決定是直接使用副本響應訪問請求,還是向源服務器再次發送請求。比較常見的就是瀏覽器會緩存訪問過網站的網頁,當再次訪問這個URL地址的時候,如果網頁沒有更新,就不會再次下載網頁,而是直接使用本地緩存的網頁。只有當網站明確標識資源已經更新,瀏覽器才會再次下載網頁。瀏覽器和網站服務器是根據緩存機制進行緩存的
 
非HTTP協議定義的緩存機制
瀏覽器緩存機制,其實主要就是HTTP協議定義的緩存機制(如: Expires; Cache-control等)。但是也有非HTTP協議定義的緩存機制,如使用HTML Meta 標簽,Web開發者可以在HTML頁面的<head>節點中加入<meta>標簽
 
<meta http-equiv="Pragma" content="no-cache">
上述代碼的作用是告訴瀏覽器當前頁面不被緩存,每次訪問都需要去服務器拉取。使用上很簡單,但只有部分瀏覽器可以支持,而且所有緩存代理服務器都不支持,因為代理不解析HTML內容本身。
 
緩存流程圖
利用瀏覽器緩存的過程:
 
 
HTTP緩存機制
根據Response Header里面的Cache-Control和Expires這兩個屬性,當兩個都存在時,Cache-Control優先級較高。
 
Cache-Control
 
 
該字段用于控制瀏覽器在什么情況下直接使用本地緩存而不向服務器發送請求。一般具有以下值:
 
Public:指示響應可被任何緩存區緩存。
 
Private:指示對于單個用戶的整個或部分響應消息,不能被共享緩存處理。這允許服務器僅僅描述當用戶的部分響應消息,此響應消息對于其他用戶的請求無效。
 
no-cache:指示請求或響應消息不能緩存。
 
no-store:用于防止重要的信息被無意的發布。在請求消息中發送將使得請求和響應消息都不使用緩存。
 
max-age:指示瀏覽器可以接收生存期不大于指定時間(以秒為單位)的響應。
 
min-fresh:指示瀏覽器可以接收響應時間小于當前時間加上指定時間的響應。
 
max-stale:指示瀏覽器可以接收超出超時期間的響應消息。如果指定max-stale消息的值,那么瀏覽器可以接收超出超時期指定值之內的響應消息。
 
Expires(石器時代的緩存機制)
 
 
Expires 頭部字段提供一個日期和時間,在該日期前的所有對該資源的請求都會直接使用瀏覽器緩存而不用向服務器請求。
 
例如:Expires: Sun, 08 Nov 2009 03:37:26 GMT
 
注意:
 
1. cache-control max-age 和 max-stale將覆蓋Expires header。
 
2. 使用Expires存在服務器端時間和瀏覽器時間不一致的問題。
 
3. 另外有人說Expires 是HTTP 1.0的東西,現在默認瀏覽器均默認使用HTTP 1.1。
 
 
 
服務端如何判斷緩存已失效
服務端通過If-Modified-Since(Last-Modified)和If-None-Match(Etag)這兩個屬性的值來判斷緩存是否失效的。
 
Last-Modified/If-Modified-Since
 
Last-Modified/If-Modified-Since要配合Cache-Control使用。
 
Last-Modified:響應資源的最后修改時間。
 
If-Modified-Since:當緩存過期時,發現資源具有Last-Modified聲明,則在請求頭帶上If-Modified-Since(值就是Last-Modified)。服務器收到請求后發現有頭If-Modified-Since則與被請求資源的最后修改時間進行比對。若最后修改時間較新,說明資源又被改動過,則響應HTTP 200整片資源內容(寫在響應消息包體內);若最后修改時間較舊,說明資源無新修改,則響應HTTP 304,告知瀏覽器繼續使用所保存的cache。
 
Etag/If-None-Match
 
Etag/If-None-Match也要配合Cache-Control使用。
 
Etag:資源在服務器的唯一標識(生成規則由服務器決定)。Apache中,ETag的值,默認是對文件的索引節(INode),大小(Size)和最后修改時間(MTime)進行Hash后得到的。
 
If-None-Match:當緩存過期時,發現資源具有Etage聲明,則在請求頭帶上If-None-Match(值就是Etag)。服務器收到請求后發現有頭If-None-Match 則與被請求資源的相應校驗串進行比對,決定返回200或304。
 
為什么有了Last-Modified還要Etag?
Etag的出現主要是為了解決幾個Last-Modified比較難解決的問題:
 
1. Last-Modified標注的最后修改只能精確到秒級,如果某些文件在1秒鐘以內,被修改多次的話,它將不能準確標注文件的修改時間。
 
2. 如果某些文件會被定期生成,當有時內容并沒有任何變化,但Last-Modified卻改變了,導致文件沒法使用緩存。
 
3. 有可能存在服務器沒有準確獲取文件修改時間,或者與代理服務器時間不一致等情形。
 
200 OK(from cache)與304 Not Modified的區別
200 OK( from cache )不向服務器發送請求,直接使用本地緩存文件。304 Not Modified則向服務器詢問,若服務器認為瀏覽器的緩存版本還可用,那么便會返回304。
 
200 OK( from cache ) 出現操作:
 
1.地址欄回車
 
2.頁面鏈接跳轉
 
3.前進、后退
 
304 Not Modified 出現操作:
 
1.F5刷新
 
2.新開窗口
 
緩存的不同來源 
from disk cache:從磁盤中獲取緩存資源,等待下次訪問時不需要重新下載資源,而直接從磁盤中獲取。它的直接操作對象為CurlCacheManager。
 
from memory cache:從內存中獲取資源,等待下次訪問時不需要重新下載資源,而直接從內存中獲取。
 
兩者區別:當退出進程時,內存中的數據會被清空,而磁盤的數據不會,所以,當下次再進入該進程時,該進程仍可以從diskCache中獲得數據,而memoryCache則不行。
 
 
 
不能被緩存的請求
當然并不是所有請求都能被緩存。
 
無法被瀏覽器緩存的請求:
 
HTTP信息頭中包含Cache-Control:no-cache,pragma:no-cache(HTTP1.0),或Cache-Control:max-age=0等告訴瀏覽器不用緩存的請求
需要根據Cookie,認證信息等決定輸入內容的動態請求是不能被緩存的
經過HTTPS安全加密的請求
POST請求無法被緩存
HTTP響應頭中不包含Last-Modified/Etag,也不包含Cache-Control/Expires的請求無法被緩存
 


熱門文章
  • 機械革命S1 PRO-02 開機不顯示 黑...
  • 聯想ThinkPad NM-C641上電掉電點不...
  • 三星一體激光打印機SCX-4521F維修...
  • 通過串口命令查看EMMC擦寫次數和判...
  • IIS 8 開啟 GZIP壓縮來減少網絡請求...
  • 索尼kd-49x7500e背光一半暗且閃爍 ...
  • 樓宇對講門禁讀卡異常維修,讀卡芯...
  • 新款海信電視機始終停留在開機界面...
  • 常見打印機清零步驟
  • 安裝驅動時提示不包含數字簽名的解...
  • 共享打印機需要密碼的解決方法
  • 圖解Windows 7系統快速共享打印機的...
  • 錦州廣廈電腦上門維修

    報修電話:13840665804  QQ:174984393 (聯系人:毛先生)   
    E-Mail:174984393@qq.com
    維修中心地址:錦州廣廈電腦城
    ICP備案/許可證號:遼ICP備2023002984號-1
    上門服務區域: 遼寧錦州市區
    主要業務: 修電腦,電腦修理,電腦維護,上門維修電腦,黑屏藍屏死機故障排除,無線上網設置,IT服務外包,局域網組建,ADSL共享上網,路由器設置,數據恢復,密碼破解,光盤刻錄制作等服務

    技術支持:微軟等
    主站蜘蛛池模板: 亚洲精品无码av片| 日日摸日日踫夜夜爽无码| 亚洲AV无码成人精品区狼人影院 | 精品久久久久久无码人妻蜜桃| 狠狠躁天天躁无码中文字幕图| 亚洲Av永久无码精品三区在线 | 无码成人AAAAA毛片| 亚洲av日韩av无码黑人| 亚洲AV成人片无码网站| 亚洲精品无码久久久影院相关影片| 亚洲日韩看片无码电影| 亚洲av永久无码精品网站| 亚洲成A人片在线观看无码3D| 亚洲人AV在线无码影院观看| 国产羞羞的视频在线观看 国产一级无码视频在线 | 久久午夜无码鲁丝片午夜精品| 日韩精品人妻系列无码专区| yy111111少妇影院无码| 亚洲另类无码一区二区三区| 亚洲AV无码一区二区乱子伦| 久久亚洲AV无码西西人体| 国产精品无码av天天爽| 精品亚洲av无码一区二区柚蜜| 无码人妻精品中文字幕免费| 国产av无码专区亚洲av果冻传媒 | 中文字幕乱偷无码AV先锋| 成人麻豆日韩在无码视频| 亚洲Av无码一区二区二三区| 久久老子午夜精品无码| 国产免费无码AV片在线观看不卡| 无码人妻精品一区二区三区99不卡| 2021无码最新国产在线观看| 蜜桃臀无码内射一区二区三区| 一区二区三区人妻无码| 中文字幕无码人妻AAA片| 东京热无码一区二区三区av| 中文字幕无码人妻AAA片| 久久久久亚洲av无码尤物| 日韩人妻无码一区二区三区99| 久久无码专区国产精品s| 日韩精品专区AV无码|