代码之家  ›  专栏  ›  技术社区  ›  John Hunt

如何查看Chrome开发者工具网络选项卡中使用的协议?

  •  63
  • John Hunt  · 技术社区  · 12 年前

    Chrome开发人员工具栏上的网络选项卡很棒,但我想看看传输资源使用了什么协议(HTTP或HTTPS)。任何人都知道我该怎么做,或者是否有一个扩展允许我做类似的事情。

    3 回复  |  直到 4 年前
        1
  •  123
  •   zhirzh Mc As    8 年前

    好吧,这是2016年,现在你可以在chrome开发工具中有一个协议专栏了。您所要做的就是:

    1) 打开您的 “网络”选项卡 在devtools中,右键单击任意列标题打开“选择列”弹出窗口

    2) 选择 协议 (或任何其他所需的列)以使其显示在面板中

    enter image description here

    就这样!

    enter image description here

        2
  •  6
  •   Community CDub    7 年前

    单击“名称”列(最左边)中的资源,然后选择“标题”选项卡。第一行如下所示:

    请求URL: How can I view the protocol used in chrome developer tools network tab?

    请求url包含协议。

        3
  •  2
  •   T.Lange    12 年前

    您可以通过输入以下内容来使用JavaScript控制台:

    location.protocol
    

    这将向您返回一个已使用的网络协议字符串,例如:

    • “https:”

    • “网址:”