Chrome开发工具如何显示Cookie

Question

当我打开Chrome开发工具的资源面板时，我看到很多域都设置了很多cookie。我理解第一方和第三方cookie之间的定义差异，但我仍然理解它的含义。

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

我该如何解读？

Answer 1

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

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

我希望这有帮助！

Answer 2

我相信@ matt的评论更准确地回答了它：

  

我做了一点研究并找到了这个页面：   developer.mozilla.org/en-US/docs/Tools/Storage_Inspector这是关于   Mozilla开发人员工具但仍然是相同的概念。看着那（这   页面顶部附近的信息。看来你是对的。   左侧的列表是iframe，右侧列出了所有内容   是iframe里面的cookie。 - 马特18小时前

Answer 3

Chrome DevTools documentation提供了有关此内容的更多信息：

  

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

     

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