3

是否可以从浏览器中检测到浏览器对 HTTP2/SPDY 客户端的支持？

我试图向用户展示他们的浏览器是支持 HTTP2/SPDY 还是会使用传统的非 HTTP2/SPDY HTTPs 协议。

4

2 回答 2

2

不，不是。至少以有意义或可操作的方式。

在服务器已经为所有资产提供服务后，前端 javascript 将运行。您想做的所有事情都将在服务器端完成。符合 SPDY 的浏览器应该自动与 SPDY 服务器协商。

您需要做的就是将其配置为这样做（nginx和apache）。您还可以将Alternate-Protocol标头与您的 https 响应一起发送。如果可能的话，这将使浏览器在将来响应 SPDY 请求（我在更新的 SPDY 规范中找不到，所以这可能是过时的信息。带盐）。

如果您想知道某个站点是否已使用 SPDY 提供服务，则在 chrome 中有 chrome.loadTimes().wasFetchedViaSpdy（显然仅适用于 chrome）。对于 firefox 和 safari，您必须检查标头（据我所知，没有类似的 api，尽管存在插件可以为您执行此操作）。SPDYCheck是另一个很好的资源来测试服务器是否设置正确。

于 2014-11-30T07:45:54.933 回答
2

谢谢，帕特里克。我听取了您的建议并利用了 nginx 的$http2变量并使用 PHP 返回了一个动态 JS 变量以供浏览器检测。（如果其他读者喜欢，也可以选择传递 cookie 或添加响应头以进行 AJAX 检测）。

NGINX 配置添加

server {
    ...

    if ($http2) { 
        rewrite ^/detect-http2.js /detect-http2.js.php?http2=$http2 last;
    }
    # fallback to non-HTTP2 rewrite
    rewrite ^/detect-http2.js /detect-http2.js.php last;

    # add response header if needed in the future
    add_header x-http2 $http2;
}

检测-http2.js.php

<?
    header('content-type: application/javascript');
    if (isset($_REQUEST['http2'])) {
        echo "var h2Version='". $_REQUEST['http2'] . "';\n";
    }
?>

检测-http2.html

<html>
    <body>
        <script src="https://DOMAIN_NAME/detect-http2.js"></script>
        <script>
            document.write('HTTP2-Supported Browser: '+ (typeof h2Version !== 'undefined'));
        </script>
    </body>
</html>
于 2014-11-30T10:24:21.543 回答