• home > webfront > browser > webkit >

    chrome查看一个网站是否使用http2,JavaScript如何检测是否是http2

    Author:zhoulujun Date:

    如今腾讯、阿里、京东基本普及了HTTP2,知乎等也跟进。当然美团、头条、百度、简书、豆瓣等还是http1 1。chrome浏览器,如何查看一个网站是否使用HTTP 2?JavaScript如何检测是否是http2

    如今腾讯、阿里、京东基本普及了HTTP2,知乎等也跟进。

    当然美团、头条、百度、简书、豆瓣等还是http1.1。

    chrome浏览器,如何查看一个网站是否使用HTTP/2?

    1. HTTP/2用":authority"头部代替"Host"头部。

    2. Chrome F12里面,HTTP/1.1有"view source",而HTTP/2是binary,没有"view source"。

    3. Chrome F12 Network里面设置"Protocol"。直接查看

      Chrome=>F12=>Network=>Tab栏右键点击=>勾选Protocol

    JavaScript如何检测是否是http2

    var loadTimes = window.chrome.loadTimes();

    loadTimes对象,属性有

    • "requestTime": 0,

    • "startLoadTime": 1597221022.981603,

    • "commitLoadTime": 1597221023.277306,

    • "finishDocumentLoadTime": 1597221023.711888,

    • "finishLoadTime": 1597221023.975226,

    • "firstPaintTime": 1597221023.749823,

    • "firstPaintAfterLoadTime": 1597221024.052417,

    • "navigationType": "Reload",

    • "wasFetchedViaSpdy": false,

    • "wasNpnNegotiated": true,

    • "npnNegotiatedProtocol": "http/1.1",

    • "wasAlternateProtocolAvailable": false,

    • "connectionInfo": "http/1"

    其中,npnNegotiatedProtocol 与connectionInfo ,如果是http2 ,其值即为h2


    转载本站文章《chrome查看一个网站是否使用http2,JavaScript如何检测是否是http2》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/browser/webkit/2020_0812_8542.html