chrome控制台中网络中的“其他发起者”是啥？

Posted 2023-03-07

【中文标题】chrome控制台中网络中的“其他发起者”是啥？

【英文标题】：What is "initiator other" in network in chrome console?chrome控制台中网络中的“其他发起者”是什么？

【发布时间】：2016-01-20 15:12:04

【问题描述】：

当有人在我们的网站上进行转化以进行报告和分析时，我会触发图像标签：

<img src="https://example.evyy.net/conv/?somechannel=cats&cid=3790&oid=123&cat1=premium&sku1=123&qty1=1&amt1=456&custid=qbc" />

昨天我们注意到流量下降。为了调试，我访问了该站点并注册了，控制台打开了网络选项卡。

我在过滤器框中输入了“evyy”，我看到我的代码有 3 个订单项。

这是什么意思？不应该只有 1 个订单项吗？一项的状态为 302，另外两项的状态为 200。这很好，对吧？

附上画面。这看起来“正确”吗？我可以查看网络选项卡中的任何详细信息，以查看我们的跟踪是否存在问题？

【参考方案1】：

“Initiator Other”通常表示网络请求来自用户，而不是来自 Chrome、重定向或脚本。

当有人点击按钮时请求被触发（这可能是您的分析跟踪的内容）。你可以阅读更多关于这个in the Chrome DevTools docs.

Initiator：发起请求的对象或进程。它可以具有以下值之一：

解析器 - Chrome 的 html 解析器发起了请求。

重定向 - 发起请求的 HTTP 重定向。

脚本 - 一个脚本发起了请求。

其他 - 一些其他进程或操作发起了请求，例如用户通过链接导航到页面，或通过在地址栏中输入 URL。

请求是按照您看到的顺序发出的，第一个收到的302 响应说，“嘿，转到这个新网址”。这就是（可能）发出第二个请求的原因，它得到了 200。第三个请求也可能来自单击按钮。我觉得很好。

【讨论】：

"Other" 也将显示为预加载的请求。也就是说，如果您为/ 发送标头Link: /style.css; rel=preload; as=style，/ 和/style.css 都会在“发起者”列中列出“其他”。

如果您使用 javascript 注入加载内容的 HTML 标记（如 <img /> 标记）也可能发生这种情况。

这是一个真实的请求吗？

如果在提交表单的过程中加载了url，也会发生这种情况。例如。当用户单击提交按钮或在表单内的输入中按 Enter 时

如果 css 发起请求也可能发生，例如 background-image 等

【参考方案2】：

我注意到另一个与用户操作无关的案例：

<link rel="icon" type="image/jpeg" href="image.jpg" />

... 使 image.jpg 加载“Initiator Other”（其他格式的图像也是如此）。

（想将此作为评论添加到上一个答案下，但我不允许）