【问题标题】: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。这很好,对吧?

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

【问题讨论】:

    标签: debugging console google-chrome-devtools


    【解决方案1】:

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

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

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

    1. 解析器 - Chrome 的 HTML 解析器发起了请求。

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

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

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

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

    【讨论】:

    • "Other" 也将显示为预加载的请求。也就是说,如果您为/ 发送标头Link: /style.css; rel=preload; as=style//style.css 都会在“发起者”列中列出“其他”。
    • 如果您使用 JavaScript 注入加载内容的 HTML 标记(如 &lt;img /&gt; 标记)也可能发生这种情况。
    • 这是一个真实的请求吗?
    • 如果在提交表单的过程中加载了url,也会发生这种情况。例如。当用户单击提交按钮或在表单内的输入中按 Enter 时
    • 如果 css 发起请求也可能发生,例如 background-image 等
    【解决方案2】:

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

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

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

    (想将此作为评论添加到上一个答案下,但我不允许)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-11-19
      • 2023-03-22
      • 1970-01-01
      • 2017-07-25
      • 2016-04-02
      • 1970-01-01
      • 2020-01-05
      • 2021-02-01
      相关资源
      最近更新 更多