下面代码给大家介绍了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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• Vue中路由router的配置及使用是怎样，有哪些知识点

  这篇文章主要介绍了vue router 配置路由的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

• 用js怎样写一个随机点名器？

  老师在课堂上，经常会随机点名学生回答问题，我们现在学习了JavaScript，那么怎样用JS来实现一个随机点名器呢？下面小编就给大家分享一个实现简单的随机点名器的代码，感兴趣的朋友就继续往下看吧。

• vue.config.js打包优化的思路及代码是什么

  这篇文章主要介绍了vue.config.js打包优化配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• pnpm与npm、yarn有什么差异，优势在哪

  目录正文npm2yarnpnpm总结正文大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。那具体好在哪里呢？ 我们一起来看一下。我们按照包管理工具的发展历史，从 npm2 开始讲起：npm2用 node 版本管理工具把 node 版本降到 4，那

• JS私有类字段是什么样？如何理解私有类字段

  天我们主要来了解JS私有类字段，对于JS私有类字段不了解朋友，下文有示例供大家参考，对帮助大家了解JS私有类字段是什么有一定的帮助，另外本文还介绍了TypeScript私有修饰符，那么下面我们就一起来学习一下吧。