Chrome开发者工具如何显示Cookies

Question

当我打开Chrome Dev工具的资源面板时，我发现多个域设置了大量cookie。 我理解第一方和第三方cookie之间的定义差异，但我仍然在了解其含义。

Chrome如何显示第一方和第三方cookie？例如，当我访问Vice.com时，我在左侧列中看到许多域（www.vice.com，platform.tumblr.com等）; 如果我在左侧列中选择www.vice.com，则会看到更多域（.google.com，.ads.pubmatic.com，.scorecardresearch.com等）。

我该如何解释这个问题？

- Peter

Answer 1

Chrome DevTools 文档提供了更多关于此的信息（摘自此页面的先前版本）：

按域列出cookie。这包括主文档以及所有嵌套框架。选择其中一个“框架组”将显示该组中所有框架的所有资源的所有cookie。需要注意此分组的两个后果：

• 来自不同域的cookie可能出现在同一框架组中。
• 相同的cookie可能出现在多个框架组中。

- Stéphane

Answer 2

我相信@matt的评论更正确地回答了这个问题：

我进行了更多的研究，发现了这个页面：developer.mozilla.org/en-US/docs/Tools/Storage_Inspector。虽然它是关于mozilla开发者工具的，但概念仍然是相同的。看一下页面顶部附近的信息。似乎你是正确的。左侧的列表是iframes，右侧列出的是该iframe内保存的所有cookie。- Matt 18小时前

- Peter

Answer 3

如果我理解正确的话，我认为右侧的值显示了与您在左侧选择的域相关的所有 cookie。在这种情况下，您已选择蓝色的www.vice.com。在此下面列出的其他域是找到在vice.com上的所有cookie的源域（这就是为什么您会看到右侧的域名与左侧的相似）。

如果您单击左列中的其他域，您将找到该特定域在vice.com上拥有的所有 cookie。

希望这能帮到您！

- Matt

---

此外，如果您访问.edu或.gov网站，通常左侧列出的cookie域名数量要少得多，可能只有几个，可能与Twitter或Facebook相关。由于这些网站通常有广告等，因此通常会有更多与.com网站相关联的cookie。 - Matt

“Related” 是什么意思？左列中的域名是否来自 iframes？ - Peter

我进行了更多的研究，找到了这个页面：https://developer.mozilla.org/en-US/docs/Tools/Storage_Inspector。虽然它是关于Mozilla开发者工具的，但概念仍然相同。请查看页面顶部附近的信息。看起来你是正确的。左侧的列表是iframe，右侧列出的是该iframe中保存的所有cookie。 - Matt