我是一個苦b的程序員,今晚加班到快通宵了,困得快睜不開眼了,女上司很關心,問我要不要吃宵夜。我沒好氣地說,宵夜就算了,能讓我睡一覺就好了。女上司紅着臉說了句討厭啊,而後坐在我身邊不動,好像距離我很近,搞得我很緊張,難道她發現個人程序出了bug?html
----------------------------進入主題---------------------------程序員
fiddler詳解http headers瀏覽器
1、http header分爲request headers和response headers,以下圖:緩存
2、用心的小夥伴會發現,用手機打開的頁面和電腦打開的頁面不同,那麼這是經過什麼原理實現的呢?服務器
1.手機打開論壇以下圖cookie
2.用pc端打開論壇,顯示以下app
3、User-Agent起什麼做用呢?性能
User-Agent:告訴HTTP服務器, 客戶端使用的操做系統和瀏覽器的名稱和版本.測試
咱們上網登錄論壇的時候,每每會看到一些歡迎信息,其中列出了你的操做系統的名稱和版本,你所使用的瀏覽器的名稱和版本,這每每讓不少人感到很神奇,實際上,服務器應用程序就是從User-Agent這個請求報頭域中獲取到這些信息User-Agent請求報頭域容許客戶端將它的操做系統、瀏覽器和其它屬性告訴服務器。網站
4、如何用fiddler查看User-Agent信息?
1.用firefox打開測試部落論壇抓包以下
2.用IE瀏覽器打開測試部落論壇抓包以下
對比後發現header區域client裏面User-Agent對應屬性不同,說明User-Agent屬性就是表明客戶端信息,當用戶用瀏覽器打開網址時候,就已經把瀏覽器信息發給了服務端,這樣服務端就能根據你的瀏覽器屬性,返回相應的信息。
5、Reques header
使用Fiddler 能很方便的查看Reques header, 點擊Inspectors tab -> Request tab -> headers 以下圖所示.
header 有不少,比較難以記憶,咱們也按照Fiddler那樣把header 進行分類,這樣比較清晰也容易記憶。
6、Client 頭域
Accept
做用: 瀏覽器端能夠接受的媒體類型,
例如: Accept: text/html 表明瀏覽器能夠接受服務器回發的類型爲 text/html 也就是咱們常說的html文檔,
Accept-Encoding:
做用: 瀏覽器申明本身接收的編碼方法,一般指定壓縮方法,是否支持壓縮,支持什麼壓縮方法(gzip,deflate),(注意:這不是隻字符編碼);
例如: Accept-Encoding: gzip, deflate
Accept-Language
做用: 瀏覽器申明本身接收的語言。
例如: Accept-Language: en-us
User-Agent
做用:告訴HTTP服務器, 客戶端使用的操做系統和瀏覽器的名稱和版本.
(注:此項是client中最爲重要的一項,前面已經詳細講過,後續若是有興趣本身寫腳本模擬請求的,這項會用到,後續再講吧。。)
說的直白一點:Client 頭域做用,簡單一點來說就是比如兩我的交流,你首先要聲明大家是電話交流,仍是QQ交流(User-Agent)、而後大家準備用中文仍是英文交流(Accept-Language)、用繁體字仍是簡體字(Accept-Encoding)、你能接受哪些內容,不能罵人等等(Accept)。
7、Cache 頭域
If-Modified-Since
做用: 把瀏覽器端緩存頁面的最後修改時間發送到服務器去,服務器會把這個時間與服務器上實際文件的最後修改時間進行對比。若是時間一致,那麼返回304,客戶端就直接使用本地緩存文件。若是時間不一致,就會返回200和新的文件內容。客戶端接到以後,會丟棄舊文件,把新文件緩存起來,並顯示在瀏覽器中。
例如:If-Modified-Since: Thu, 09 Feb 2012 09:07:57 GMT
實例以下圖
If-None-Match
做用: If-None-Match和ETag一塊兒工做,工做原理是在HTTP Response中添加ETag信息。 當用戶再次請求該資源時,將在HTTP Request 中加入If-None-Match信息(ETag的值)。若是服務器驗證資源的ETag沒有改變(該資源沒有更新),將返回一個304狀態告訴客戶端使用本地緩存文件。不然將返回200狀態和新的資源和Etag. 使用這樣的機制將提升網站的性能
例如: If-None-Match: '03f2b33c0bfcc1:0'
實例以下圖
Pragma
做用: 防止頁面被緩存, 在HTTP/1.1版本中,它和Cache-Control:no-cache做用如出一轍
Pargma只有一個用法, 例如: Pragma: no-cache
注意: 在HTTP/1.0版本中,只實現了Pragema:no-cache, 沒有實現Cache-Control
Cache-Control
做用: 這個是很是重要的規則。 這個用來指定Response-Request遵循的緩存機制。各個指令含義以下
Cache-Control:Public 能夠被任何緩存所緩存()
Cache-Control:Private 內容只緩存到私有緩存中
Cache-Control:no-cache 全部內容都不會被緩存
還有其餘的一些用法, 我沒搞懂其中的意思, 請你們參考其餘的資料
8、Cookie/Login 頭域
Cookie:
做用: 最重要的header, 將cookie的值發送給HTTP 服務器
(請參考上節課內容)
9、 Transport 頭域
Connection
例如: Connection: keep-alive 當一個網頁打開完成後,客戶端和服務器之間用於傳輸HTTP數據的TCP鏈接不會關閉,若是客戶端再次訪問這個服務器上的網頁,會繼續使用這一條已經創建的鏈接
例如: Connection: close 表明一個Request完成後,客戶端和服務器之間用於傳輸HTTP數據的TCP鏈接會關閉, 當客戶端再次發送Request,須要從新創建TCP鏈接。
Host(發送請求時,該報頭域是必需的)
做用: 請求報頭域主要用於指定被請求資源的Internet主機和端口號,它一般從HTTP URL中提取出來的
例如: 咱們在瀏覽器中輸入:http://www.guet.edu.cn/index.html
瀏覽器發送的請求消息中,就會包含Host請求報頭域,以下:
Host:http://www.guet.edu.cn
此處使用缺省端口號80,若指定了端口號,則變成:Host:指定端口號
10、其它
Entity頭域
Content-Length
做用:發送給HTTP服務器數據的長度。
例如: Content-Length: 38
Content-Type
做用:
例如:Content-Type: application/x-www-form-urlencoded
Miscellaneous 頭域
Referer:
做用: 提供了Request的上下文信息的服務器,告訴服務器我是從哪一個連接過來的,好比從我主頁上連接到一個朋友那裏,他的服務器就可以從HTTP Referer中統計出天天有多少用戶點擊我主頁上的連接訪問他的網站。
例如: Referer:http://translate.google.cn/?hl=zh-cn&tab=wT