HTTP/2.0在2015年就已经正式发布了，但是现在大部分网站还在使用HTTP/1.1协议。具体怎么查看网站采用的是HTTP/1.1，还是HTTP/2.0呢，本篇就介绍几种检测HTTP协议版本的方法。
HTTP 协议
所有的操作都是基于
Chrome浏览器，以本站 tiven.cn 为例。
一、Network中查看Headers
步骤：
- 在Chrome浏览器打开要检测的网站链接
- 点击鼠标右键，打开右键菜单,如下图。选择
检查选项打开开发者工具，或者使用快捷键Ctrl+Shift+C
右键菜单 - 打开
Network选项栏，选中All，刷新页面，点击下方第一个，如图：
Network - 找到
Request Headers，点击后边的View source，就能看到当前网站的HTTP协议版本。
-
HTTP/1.1版本，如下图所示：
HTTP/1.1 -
HTTP/2.0版本，如下图所示：
HTTP/2.0
二、chrome.loadTimes 方法
在浏览器控制台console下输入以下代码并执行：
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
}
结果很明显，npnNegotiatedProtocol字段就是当前网站采用的协议版本，h2就代表http/2.0。
三、在线工具检测：
HTTP2在线检测工具：地址
输入网站地址，检测结果如下，操作很简单，这里不再赘述。
HTTP2检测
四、Chrome浏览器插件检测：
在chrome网上应用店/ 拓展程序 下载 HTTP/2 and SPDY indicator 插件，安装成功后，浏览开启HTTP2的网站，右上角会显示蓝色的闪电，如下图所示，没有开启的则显示灰色的。
HTTP2 Plugins
欢迎访问：个人博客地址
