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