Chrome第三方Cookie阻止警告关联随机JavaScript代码原因咨询

为什么警告会出现在看似无关的JS代码上？ #

Chrome DevTools的警告关联逻辑是基于当前执行栈的，不是直接指向操作Cookie的代码。比如你看到Promise下有红线，大概率是这个Promise里的异步调用触发了第三方资源（比如统计脚本、第三方SDK）的Cookie写入尝试，DevTools就把警告挂到了当前执行的Promise代码上，看起来像是“随机”的代码段，实际是关联了执行上下文。

明明自己的页面没用到Cookie，为啥会有警告？ #

问题大概率出在页面嵌入的第三方资源上：

• 你网站里的第三方脚本（比如分析工具、广告插件、CDN提供的某些工具）可能在后台自动尝试设置第三方Cookie，哪怕你没主动配置这些功能。
• 页面里的iframe、带跟踪参数的第三方图片资源，也可能触发Cookie写入操作，这些都属于第三方Cookie范畴，会被Chrome拦截并提示。
• 你自己存储登录用户名的Cookie是第一方Cookie，和这个警告无关，警告针对的是第三方域的Cookie操作。

怎么定位具体触发源？ #

• 打开Chrome DevTools的Application面板，切换到Cookies选项，查看所有Cookie的Domain字段，找非自身域名的Cookie，这些就是第三方的。
• 切换到Network面板，勾选Preserve log后刷新页面，查看每个请求的Set-Cookie响应头，找到第三方域的Cookie设置请求，就能定位到具体是哪个资源触发的。
• 可以暂时移除页面里的第三方脚本/资源，逐个排查，看移除哪个后警告消失，就能锁定元凶。

内容的提问来源于stack exchange，提问作者John Livermore