快捷搜索:   nginx

如何判断网站是否使用了HTTP/2 HTTP2是否开启成功检验方法

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

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

目前已知UC浏览器,淘宝浏览器,还有原生CHROME都是支持这个方法

2. chrome.loadTimes

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

下面直接看看通过这个Api得到的结果: 
QQ图片20170921115832.png


使用方法,打开网页后按F12打开浏览器控制台,切换到Console标签,然后将下面这段代码黏贴进去回车执行,就能看到结果

(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');
})();

3. 本站的工具箱直接读取是否支持HTTP2

网址:https://tool.bnxb.com/http2test



顶(5)
踩(2)

您可能还会对下面的文章感兴趣:

最新评论