下面代码给大家介绍了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框架怎样实现一个带有动画的悬浮球

  Vue实现PC端靠边悬浮球的代码，我想把退出登录的按钮做成一个悬浮球的样子，带动画的那种。

• vue中怎么实现图片放大缩小的按键功能并可拖曳

  这篇文章主要为大家详细介绍了vue图片拖拉转放大缩小组件的使用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• Angular Material如何实现统计表格，代码是什么

  怎么利用angular Material做统计表格？下面本篇文章给大家介绍一下用angular Material 做统计表格的方法，希望对大家有所帮助！

• 怎样做一个小程序自定义弹框，方法是什么

  这篇文章主要为大家详细介绍了小程序自定义弹框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• Socket.IO的定义、优点及在node中的应用是什么

  node中如何使用Socket.IO模块？下面本篇文章就来给大家介绍一下在node.js中优雅使用Socket.IO模块的方法，希望对大家有所帮助！