如何理解chrome监听cookie变化与赋值问题

本篇内容介绍了"如何理解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属性一篇

"如何理解chrome监听cookie变化与赋值问题"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章！