如何验证网站是否是 HTTP2.0[译]

现在已经有许多人在讨论 HTTP2.0了，那如何帮助人们去识别他们的网站上运行的 HTTP是哪个版本？这里有三种工具可以帮到你。

必须要注意的一点是：HTTPS（TLS over HTTP）是HTTP/2的必要条件。如果你的网站不是运行在HTTPS上，那他就不算是HTT/2。

想要阅读更多HTTP/2的相关条件的话，可以查看文章Rachel Andrew from Smashing Magazine [译？]。

The Google Chrome Developer Tool

---

如果你还没打开过你的Chrome开发者工具，那我建议你尝试着从他入手去优化你的SEO以网站分析。这里有两篇文章可以供你查看他的好处：

• 10 Chrome Dev Tool Hacks For Digital Marketers
• My Favourite SEO Tool Isn’t An SEO Tool by AJ KOHN

看完以后你会感受到这个工具令人惊讶的强大，并且还是免费的！

要检测HTTP版本，只需要在Chrome developer tool里边的network加上Protocol一栏，因为版本的不同，加入方法会有所不同，但都很简单。

旧版的chrome点击all就可以出现 如图1 的选项了

图-1 add Protocol1

新版的chrome点击任意一个表格表头就出现选项，如图2

图-2 add Protocol2

（题外话:没找着合适的截图工具，一按鼠标和键盘就选项就消失....只好使出杀手锏--拍照）
在选项中点击Protocol，就会在表格中呈现Protocol一栏。如图3

图3 add Protocol3

从这里你就可以验证你自己的网络资源是否运行在 HTTP/2上。如图3所示，https://www.branded3.com/是运行在HTTP/2上面的，但是有一些从Google加载的css和js文件是运行在SPDY上的。

Browser Extensions

---

如果你更喜欢一个更快速的替代品，那么有一个出众的浏览器插件可以用来检测HTTP/2。Chrome插件HTTp/2和SPDY指示器给浏览器添加了一个闪电标记（如图4），当你的页面运行于HTTP/2或SPDY时会改变颜色。若你不喜欢使用Chrome，这款插件还有Firefox版的。

图4 插件标记

如果页面加载时出现了蓝色闪电，表示这个网页是运行在HTTP/2上的。

图5 蓝色闪电

红色闪电表示网页运行在SPDY上

图6 红色闪电

而灰色闪电则表示着这个网页既不是运行于HTTP/2，也不是运行于SPDY。

图7 灰色闪电

Online Tool

---

既不想用Chrome开发者工具，也不想在浏览器上装插件的话，可以使用在线检测工具如图8

图8 在线检测工具

关于HTTP/2
若你想了解得更多关于HTTP/2的知识，下面这些网站也许可以帮到你：

1. 想更深地了解HTTP/2是什么？建议你前往 高性能浏览器网络
2. GitHub的一个开发者社区创建了一个完整的分析调试HTTP/2的工具列表
3. 访问在GitHub上 HTTP/2微网站的一些 FAQ，以进一步阅读

写在最后
不是逐字逐句翻译，能清楚地表达出意思就行。
原文地址：https://www.branded3.com/blog/test-website-supports-http2-0/