我可以在Devtool中看到将输入发送到网页的确切时间吗？

Question

我可以在Devtool中看到将输入发送到网页的确切时间吗？是否可以在网络部分找到它？更具体地说，例如，当我单击一个按钮来激活掷骰子时，几个毫秒之后，我可能会收到服务器的响应，我想知道我什么时候才单击了掷骰子按钮？顺便说一句，DevTool的意思是浏览器中的F12键。

Answer 1

在骰子事件处理程序中编写：

var d = new Date();
console.log(
    d.getHours().toString().padStart(2, "0") + ":" +
    d.getMinutes().toString().padStart(2, "0") + ":" +
    d.getSeconds().toString().padStart(2, "0") + "," +
    d.getMilliseconds().toString().padStart(3, "0"));

然后在“网络”标签中，您可以将所有内容复制到记事本中，并可以检查每个请求/响应的HH：mm：ss，mmm。

Answer 2

每个DOM Event都有一个.timestamp property并附有您要查找的时间。事件处理程序将能够读取该值，例如将其记录到控制台。但不会，它不会显示在网络部分（除非您将其作为参数传递给请求）。

您获得的最接近的结果是对相关请求的initiators进行概要分析。但是，通常情况下，点击事件会立即安排请求，并且那个时间会在网络部分记录并可见。