HTTP/2.0
在2015年就已經(jīng)正式發(fā)布了,但是現(xiàn)在大部分網(wǎng)站還在使用HTTP/1.1
協(xié)議。具體怎么查看網(wǎng)站采用的是HTTP/1.1
,還是HTTP/2.0
呢,本篇就介紹幾種檢測(cè)HTTP協(xié)議
版本的方法剂邮。
HTTP 協(xié)議
所有的操作都是基于
Chrome
瀏覽器,以本站 tiven.cn 為例乐埠。
一抗斤、Network
中查看Headers
步驟:
- 在Chrome瀏覽器打開要檢測(cè)的網(wǎng)站鏈接
- 點(diǎn)擊鼠標(biāo)右鍵,打開右鍵菜單,如下圖丈咐。選擇
檢查
選項(xiàng)打開開發(fā)者工具
瑞眼,或者使用快捷鍵Ctrl+Shift+C
右鍵菜單 - 打開
Network
選項(xiàng)欄,選中All
棵逊,刷新頁面伤疙,點(diǎn)擊下方第一個(gè),如圖:
Network - 找到
Request Headers
辆影,點(diǎn)擊后邊的View source
徒像,就能看到當(dāng)前網(wǎng)站的HTTP協(xié)議版本。
-
HTTP/1.1
版本蛙讥,如下圖所示:
HTTP/1.1 -
HTTP/2.0
版本锯蛀,如下圖所示:
HTTP/2.0
二、chrome.loadTimes 方法
在瀏覽器控制臺(tái)console
下輸入以下代碼并執(zhí)行:
window.chrome.loadTimes()
-
HTTP/1.1
版本輸出:
{
commitLoadTime: 1635406428.339
connectionInfo: "http/1.1"
finishDocumentLoadTime: 0
finishLoadTime: 0
firstPaintAfterLoadTime: 0
firstPaintTime: 1635406429.545
navigationType: "Reload"
npnNegotiatedProtocol: "http/1.1"
requestTime: 1635406428.019
startLoadTime: 1635406428.019
wasAlternateProtocolAvailable: false
wasFetchedViaSpdy: false
wasNpnNegotiated: true
}
-
HTTP/2.0
版本輸出:
{
commitLoadTime: 1635406324.18
connectionInfo: "h2"
finishDocumentLoadTime: 1635406325.07
finishLoadTime: 1635406325.751
firstPaintAfterLoadTime: 0
firstPaintTime: 1635406324.53
navigationType: "Reload"
npnNegotiatedProtocol: "h2"
requestTime: 1635406324.119
startLoadTime: 1635406324.119
wasAlternateProtocolAvailable: false
wasFetchedViaSpdy: true
wasNpnNegotiated: true
}
結(jié)果很明顯次慢,npnNegotiatedProtocol
字段就是當(dāng)前網(wǎng)站采用的協(xié)議版本旁涤,h2
就代表http/2.0
。
三迫像、在線工具檢測(cè):
HTTP2在線檢測(cè)工具:地址
輸入網(wǎng)站地址劈愚,檢測(cè)結(jié)果如下,操作很簡(jiǎn)單闻妓,這里不再贅述菌羽。
HTTP2檢測(cè)
四、Chrome瀏覽器插件檢測(cè):
在chrome網(wǎng)上應(yīng)用店/ 拓展程序
下載 HTTP/2 and SPDY indicator
插件由缆,安裝成功后注祖,瀏覽開啟HTTP2
的網(wǎng)站,右上角會(huì)顯示藍(lán)色
的閃電犁功,如下圖所示氓轰,沒有開啟的則顯示灰色的。
HTTP2 Plugins
歡迎訪問:個(gè)人博客地址