下面代码给大家介绍了chrome监听cookie变化，代码如下所示：
/**
* 监听cookie变化
*/
chrome.cookies.onChanged.addListener(function(changeInfo){
// cookies.onChanged监听的是所有的cookie,所以需要过滤只处理我们网站自己的cookie
if(GhomepageDomain == changeInfo.cookie.domain){
var cookieNameReg = /[A-Z]/;
var cookieInfo = changeInfo.cookie;
if(!cookieNameReg.test(cookieInfo.name)){
// cookie小写名的全部复制到plugin
if(changeInfo.removed){
// 移除cookie
chrome.cookies.remove({
url : Gplugin,
name : cookieInfo['name']
},function(_cookie){
// console.log('移除,重新获取cookie',_cookie);
// getUserInfo(1);
});
}else{
// 设置cookie
chrome.cookies.set({
url: Gplugin,
name: cookieInfo['name'],
path: '/',
value: cookieInfo['value'],
expirationDate: cookieInfo['expirationDate'],
secure: true,
sameSite: 'no_restriction', // 不阻止跨域cookie
},function(_cookie){
// console.log('设置,重新获取cookie',_cookie);
// getUserInfo(1);
});
}
}
}
});
ps：下面看下CHROME扩展笔记之cookie监听与赋值问题。
cookie监听与赋值操作需要manifest文件里声明权限，cookie
权限如下：
{
"permissions": [ "cookies", "*://*.要操作cookie的域名.com/*" ],
}
/**
* 监听cookie变化
*/
chrome.cookies.onChanged.addListener(function(changeInfo){
// cookies.onChanged监听的是所有的cookie,所以需要过滤只处理我们网站自己的cookie
if(GhomepageDomain == changeInfo.cookie.domain){
var cookieNameReg = /[A-Z]/;
var cookieInfo = changeInfo.cookie;
if(!cookieNameReg.test(cookieInfo.name)){
// cookie小写名的全部复制到plugin
if(changeInfo.removed){
// 移除cookie
chrome.cookies.remove({
url : Gplugin,
name : cookieInfo['name']
},function(_cookie){
// console.log('移除,重新获取cookie',_cookie);
// getUserInfo(1);
});
}else{
// 设置cookie
chrome.cookies.set({
url: Gplugin,
name: cookieInfo['name'],
path: '/',
value: cookieInfo['value'],
expirationDate: cookieInfo['expirationDate'],
secure: true,
sameSite: 'no_restriction', // 不阻止跨域cookie,如果没有secure和sameSite这两个那么在chrome80以上的版本会出现iframe页面无法使用cooke
},function(_cookie){
// console.log('设置,重新获取cookie',_cookie);
// getUserInfo(1);
});
}
}
}
});
注意：关于secure和sameSite不懂的可看廖雪峰的博客cookie的SameSite属性一篇
