天问博客
指南
文章
Hello
指南
文章
Hello

HTTP/2.0在2015年就已经正式发布了，但是现在大部分网站还在使用HTTP/1.1协议。具体怎么查看网站采用的是HTTP/1.1，还是HTTP/2.0呢，本篇就介绍几种检测HTTP协议版本的方法。

HTTP 协议

所有的操作都是基于Chrome浏览器，以本站 tiven.cn 为例。

一、Network中查看Headers

步骤：

  1. 在Chrome浏览器打开要检测的网站链接
  2. 点击鼠标右键，打开右键菜单,如下图。选择检查选项打开开发者工具，或者使用快捷键Ctrl+Shift+C 右键菜单
  3. 打开Network选项栏，选中All，刷新页面，点击下方第一个，如图： Network
  4. 找到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

欢迎访问：个人博客地址