chrome拓展之cookie的监听，监听cookie的变化

淩亂°似流年 2023-10-04 21:19 20阅读 0赞

chrome的这个api可以说是非常强大了，可以监听所有网站的cookie变化，然后抛一个回调函数出来：[https://developer.chrome.com/docs/extensions/reference/cookies/\#manifest][https_developer.chrome.com_docs_extensions_reference_cookies_manifest]

比如我想监听baidu.com的cookie变化，然后将这个cookie上传到我自己的服务器，额.......这个想法很大胆，所以，你知道我什么意思吧

使用前，需要先在manifest.json中声明cookie权限和"<all\_urls>"权限：

![688ca582f5314bb7a9cdf8d81435febd.png][]

或者你可以通过github查看一些简单的例子：[chrome-extensions-samples/api-samples/cookies/cookie-clearer at main · GoogleChrome/chrome-extensions-samples · GitHub][chrome-extensions-samples_api-samples_cookies_cookie-clearer at main _ GoogleChrome_chrome-extensions-samples _ GitHub]

设置cookie和获取cookie 都已经在之前的文章里讲过了：

[https://xiaoshen.blog.csdn.net/article/details/128867019][https_xiaoshen.blog.csdn.net_article_details_128867019]

所以今天只看如何监听cookie变化：其实就是很简单

// 检测Cookie发生变化
      chrome.cookies.onChanged.addListener((changeInfo)=>{
        console.log('cookie发生变化了', changeInfo);
      })

就是上面这个API，没有了，哈哈哈哈哈哈哈哈哈

将它放在任何js文件里，就可以直接开启监听了![c08ff77570be448cb899f2b27c29aae2.png][]

随便搜索一下百度，就可以看到cookie变化了

[https_developer.chrome.com_docs_extensions_reference_cookies_manifest]: https://developer.chrome.com/docs/extensions/reference/cookies/#manifest
[688ca582f5314bb7a9cdf8d81435febd.png]: https://img-blog.csdnimg.cn/688ca582f5314bb7a9cdf8d81435febd.png
[chrome-extensions-samples_api-samples_cookies_cookie-clearer at main _ GoogleChrome_chrome-extensions-samples _ GitHub]: https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/api-samples/cookies/cookie-clearer
[https_xiaoshen.blog.csdn.net_article_details_128867019]: https://xiaoshen.blog.csdn.net/article/details/128867019
[c08ff77570be448cb899f2b27c29aae2.png]: https://img-blog.csdnimg.cn/c08ff77570be448cb899f2b27c29aae2.png