大家好，我是IT修真院成都分院第5期的學(xué)員，一枚正直純潔善良的web程序員
一.背景介紹：
作為一個(gè)Web開(kāi)發(fā)人員脉让，日常中與我們開(kāi)發(fā)相關(guān)的，就是Chrome的開(kāi)發(fā)者工具功炮。 Network標(biāo)簽頁(yè)對(duì)于分析網(wǎng)站請(qǐng)求的網(wǎng)絡(luò)情況溅潜、查看某一請(qǐng)求的請(qǐng)求頭和響 應(yīng)頭還有響應(yīng)內(nèi)容很有用，特別是在查看Ajax類請(qǐng)求的時(shí)候薪伏，非常有幫助滚澜。 今天就是要簡(jiǎn)要說(shuō)說(shuō)Chrome的開(kāi)發(fā)者工具中Network中header部分。
二.知識(shí)剖析
1.找到Network下的Header
首先我們打開(kāi)chrome的開(kāi)發(fā)者工具嫁怀，選中network设捐，再刷新頁(yè)面，此時(shí)可以在下方看到一個(gè)Name塘淑，Name對(duì)應(yīng)的是資源的名稱及其路徑挡育，Status是請(qǐng)求服務(wù)器返回的狀態(tài)碼,當(dāng)狀態(tài)碼為200時(shí)，則表示接口配置成功朴爬。點(diǎn)擊任一文件名即寒，右側(cè)則會(huì)出現(xiàn)Header選項(xiàng)。下面讓我們來(lái)詳細(xì)看下Header中的各項(xiàng)是什么意思召噩。
General部分: Request URL:資源的請(qǐng)求url
Request Method:HTTP方法
Status Code:響應(yīng)狀態(tài)碼
200(狀態(tài)碼) OK
301 - 資源（網(wǎng)頁(yè)等）被永久轉(zhuǎn)移到其它URL
404 - 請(qǐng)求的資源（網(wǎng)頁(yè)等）不存在
500 - 內(nèi)部服務(wù)器錯(cuò)誤
Response Headers:
Content-Encoding:gzip 壓縮編碼類型
Content-Type:text/html 服務(wù)端發(fā)送的類型及采用的編碼方式
Date:Tue, 14 Feb 2017 03:38:28 GMT 客戶端請(qǐng)求服務(wù)端的時(shí)間
Last-Modified:Fri, 10 Feb 2017 09:46:23 GMT 服務(wù)端對(duì)該資源最后修改的時(shí)間
Server:nginx/1.2.4 服務(wù)端的Web服務(wù)端名
Transfer-Encoding:chunked 分塊傳遞數(shù)據(jù)到客戶端
Response Headers:
Accept:客戶端能接收的資源類型
Accept-Encoding:gzip, deflate(客戶端能接收的壓縮數(shù)據(jù)的類型)
Accept-Language:en-US,en;q=0.8 客戶端接收的語(yǔ)言類型
Cache-Control:no-cache 服務(wù)端禁止客戶端緩存頁(yè)面數(shù)據(jù)
Connection:keep-alive 維護(hù)客戶端和服務(wù)端的連接關(guān)系
Cookie:客戶端暫存服務(wù)端的信息
Host:www.jnshu.com 連接的目標(biāo)主機(jī)和端口號(hào)
Pragma:no-cache 服務(wù)端禁止客戶端緩存頁(yè)面數(shù)據(jù)
Referer:http://www.jnshu.com/daily/15052 來(lái)于哪里
User-Agent: 客戶端版本號(hào)的名字
三.常見(jiàn)問(wèn)題
使用post發(fā)送請(qǐng)求時(shí)如何設(shè)置content-type的值
四.解決方案
$http中可以直接設(shè)置請(qǐng)求頭：
headers：{“contentType‘：....}
1. application/x-www-form-urlencoded 最常見(jiàn)的POST提交格式母赵，使用這個(gè)編碼格式post的數(shù)據(jù)會(huì)以鍵值對(duì)的方式提交
2. multipart/form-data 通常上傳圖片等文件會(huì)使用這種編碼格式提交。
3. application/json 提交JSON格式的數(shù)據(jù)
五.更多討論
問(wèn)題1：常見(jiàn)狀態(tài)嗎
回答1：200(狀態(tài)碼) OK
? ? ? ? ? ? ?301 - 資源（網(wǎng)頁(yè)等）被永久轉(zhuǎn)移到其它URL
? ? ? ? ? ? ?404 - 請(qǐng)求的資源（網(wǎng)頁(yè)等）不存在
? ? ? ? ? ? ?500 - 內(nèi)部服務(wù)器錯(cuò)誤
問(wèn)題2：network主要應(yīng)用場(chǎng)景
回答2：向服務(wù)器做請(qǐng)求時(shí)具滴，方便看報(bào)錯(cuò)
問(wèn)題3：為什么有不同的請(qǐng)求頭
回答3：針對(duì)于請(qǐng)求的不同數(shù)組凹嘲，告訴后臺(tái)傳送的類型
六.參考資料
技能樹(shù).IT修真院
“我們相信人人都可以成為一個(gè)工程師，現(xiàn)在開(kāi)始构韵，找個(gè)師兄周蹭，帶你入門趋艘，掌控自己學(xué)習(xí)的節(jié)奏，學(xué)習(xí)的路上不再迷眯桌剩”瓷胧。
這里是技能樹(shù).IT修真院，成千上萬(wàn)的師兄在這里找到了自己的學(xué)習(xí)路線棚愤，學(xué)習(xí)透明化搓萧，成長(zhǎng)可見(jiàn)化，師兄1對(duì)1免費(fèi)指導(dǎo)宛畦∪陈澹快來(lái)與我一起學(xué)習(xí)吧~
