如何查看chrome developer tools网络选项卡中使用的协议？

Question

chrome developer工具栏上的网络选项卡很棒，但我想看看用于传输资源的协议（http或https）..任何人都知道如何执行此操作，或者是否允许扩展我做类似的事情。

谢谢！

Answer 1

嗯，这是2016年，现在您可以在chrome devtools中找到协议列。您所要做的就是：

1）在devtools中打开网络标签，然后右键单击任何列标题以打开“选择列”弹出窗口

2）选择协议（或任何其他所需的列），使其显示在面板中

就是这样！

Answer 2

单击“名称”列（位于左侧）中的资源，然后选择“标题”选项卡。第一行将如下所示：

  

请求网址：How can I view the protocol used in chrome developer tools network tab?

请求网址包含协议。

Answer 3

您可以输入以下命令来使用JavaScript控制台：

location.protocol

这将返回一个使用过的网络协议的字符串，例如：

• “https：” 开头

或

• 的 “http：”