如何判断网站是否使用了HTTP/2

原创于 2017-08-08 14:50:37 发布 · 1.4w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

工具

本文介绍两种检测浏览器是否支持HTTP/2的方法：一是通过chrome://net-internals/#http2页面查看；二是利用chrome.loadTimes API进行编程判断。后者提供了一个简单的JavaScript示例，用于检查当前站点是否使用了HTTP/2。

1. chrome://net-internals/#http2

在浏览器输入chrome://net-internals/打开网络观察组件，然后选择HTTP/2

2. chrome.loadTimes

这种方法更简单，支持「Http2」的chrome版本，可通过其提供的chrome.loadTimes API来进行判断。

下面直接看看通过这个Api得到的结果：
这里写图片描述

(function(){
    // 保证这个方法只在支持loadTimes的chrome浏览器下执行
    if(window.chrome && typeof chrome.loadTimes === 'function') {
        var loadTimes = window.chrome.loadTimes();
        var spdy = loadTimes.wasFetchedViaSpdy;
        var info = loadTimes.npnNegotiatedProtocol || loadTimes.connectionInfo;
        // 就以 「h2」作为判断标识
        if(spdy && /^h2/i.test(info)) {
            return console.info('本站点使用了HTTP/2');
        }
    }
    console.warn('本站点没有使用HTTP/2');
})();