如何查看chrome開發人員工具網絡選項卡中使用的協議？

Question

Chrome開發者工具欄上的網絡選項卡非常棒，但我想看看使用什麼協議傳輸資源（http或https）..任何人都知道我可以做到這一點，或者如果有擴展名允許我做類似的事情。

謝謝！

Answer 1

嗯，這是2016年，現在你可以在你的chrome devtools中有一個協議列。所有你需要做的是：

1）在任何列標題打開網絡在devtools標籤，然後右鍵單擊打開「選擇列」彈出

2）選擇協議（或任何其他所需的列），它出現在面板

就是這樣！

Answer 2

你可以通過輸入使用JavaScript控制檯：

location.protocol 

這將返回你所使用的網絡協議的字符串，如：

• 「https：」 開頭

或

• 「http：」

Answer 3

單擊「名稱」列（最左側）中的資源，然後選擇「標題」選項卡。第一行是這樣的：

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

請求的URL中包含的協議。