下面代码给大家介绍了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);
				});
			}
		}
	}
});

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JavaScript实现简易留言板效果

  我们在一些社区论坛常常会看到留言板，那么留言板功能是如何实现呢？首先我们们要了解基本需求，在留言板模块，用户能够发布评论，而且评论会按照时间排序，最新的评论会将旧的评论抵下去。此外，删除的权限只有博主有，用户不可删除评论。了解完基本需求，接下来介绍一下实现建议留言板效果的具体代码：

• 在JavaScript中实现数字转Hex的方法是什么

  在javascript中，可以使用Number对象的toString()方法来将数字转为Hex（16进制），该方法可以解析指定数值，并尝试返回指定基数（进制）的字符串表示形式，语法为“指定数字对象.toString(16);”。

• JavaScript隐藏option元素的方法是什么？

  JavaScript隐藏option元素的方法是什么？对于实现隐藏option元素，首先我们需要获取指定option对象，然后在使用option对象.style.display="none语句将指定option选项隐藏即可，那么具体怎样实现呢？文中有示例供大家参考，感兴趣的朋友可以了解看看。

• JS函数中的参数什么时候用，形参和实参啥不同

  函数参数是函数内部跟函数外部沟通的桥梁。下面本篇文章就来带大家了解一下JavaScript函数中的参数，希望对大家有所帮助！

• 详解JavaScript数组中的常用属性和方法有哪些

  本篇文章给大家带来了关于JavaScript的相关知识，其中主要整理了数组知识点的相关问题，包括了数组的概念、数组中的常用属性和方法等等内容，下面一起来看一下，希望对大家有帮助。