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.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在线检测工具:地址
输入网站地址,检测结果如下,操作很简单,这里不再赘述。
四、Chrome浏览器插件检测:
在chrome网上应用店/ 拓展程序
下载 HTTP/2 and SPDY indicator
插件,安装成功后,浏览开启HTTP2
的网站,右上角会显示蓝色
的闪电,如下图所示,没有开启的则显示灰色
的。
欢迎访问:个人博客地址