查看Chrome开发者工具中的请求时间

Question

在ajax开发期间，我经常需要一种方法来查看Chrome开发人员工具中发送请求的时间。绝对时间（例如下午3:45:23）或相对时间（页面加载后4.56秒）都可以。

我能找到的最接近的是“网络”选项卡中的时间线，显示“开始时间”（您可以单击“时间轴”标题以选择显示的信息），但您通常只能从中获取最近的20秒：

Answer 1

您只需要单击请求行：

Right Click > Copy > Copy All as HAR

然后打开HAR文件：

{
  "log": {
    "version": "1.2",
    "creator": {
      "name": "WebInspector",
      "version": "537.36"
    },
    "pages": [],
    "entries": [
      {
        "startedDateTime": "2018-08-24T18:34:12.564Z",
        "time": 84.96354891383089,

有确切的请求时间信息。

Answer 2

对于Chrome开发者而言，这对我来说是一种巨大的疏忽。除了绝对的开始/结束时间之外，它们为您提供了所有可能的时间选择（和您一样，我对自页面加载开始以来的相对时间感到满意）。

我能做的最好的事情是在概览窗格中设置最可能的范围，然后更精确地显示您的计时。

有关详细信息，请参阅屏幕截图：

Answer 3

你可以在ajax调用之前使用console.log。

另一种可能性是使用ajax处理程序来获取页面中的所有ajax调用。

检查here讨论如何实现这一目标。

Answer 4

您可以在 Timing 标签中看到请求时间：