判断网页是否启用HTTP2

1. 使用Chrome，在Console中输入如下指令：

window.chrome.loadTimes()

1	window.chrome.loadTimes()

输出的connectionInfo 和 npnNegotiatedProtocol 是h2就说明使用的是http2

commitLoadTime: (...)
connectionInfo: "h2"
finishDocumentLoadTime: (...)
finishLoadTime: (...)
firstPaintAfterLoadTime: (...)
firstPaintTime: (...)
navigationType: (...)
npnNegotiatedProtocol: "h2"

commitLoadTime: (...)

connectionInfo: "h2"

finishDocumentLoadTime: (...)

finishLoadTime: (...)

firstPaintAfterLoadTime: (...)

firstPaintTime: (...)

navigationType: (...)

npnNegotiatedProtocol: "h2"

或者执行这个：

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

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

})();

发表回复 取消回复

发表回复取消回复