脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → chrome监听cookie变化

chrome监听cookie变化与赋值问题

 更新时间：2021年10月22日 11:35:56   作者：slongzhang_  
这篇文章主要介绍了chrome监听cookie变化与赋值问题,cookie监听与赋值操作需要manifest文件里声明权限问题，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

下面代码给大家介绍了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变化与赋值问题的文章就介绍到这了,更多相关chrome监听cookie变化内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • JavaScript表单验证实例之验证表单项是否为空

    JavaScript表单验证实例之验证表单项是否为空

    表单验证几乎在每个需要注册或者是登录的网站都是必不可少，下面通过本篇文章给大家介绍JavaScript表单验证实例之验证表单项是否为空，涉及到js表单验证实例相关知识，对js表单验证实例代码需要的朋友一起学习吧
    2016-01-01
  • 异步加载script的代码

    异步加载script的代码

    通过异步请求另一页面的script 是不执行的，只返回html 原文件，因为返回的文本没有经过浏览器的解析执行。
    2011-01-01
  • JS+CSS实现Li列表隔行换色效果的方法

    JS+CSS实现Li列表隔行换色效果的方法

    这篇文章主要介绍了JS+CSS实现Li列表隔行换色效果的方法,实例分析了js操作li节点的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • JS支持带x身份证号码验证函数

    JS支持带x身份证号码验证函数

    身份证号码验证-支持新的带x身份证
    2008-08-08
  • React+Typescript实现倒计时Hook的方法

    React+Typescript实现倒计时Hook的方法

    本文主要介绍了React+Typescript实现倒计时Hook的方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 使用openSpeDiv方法实现Ecshop登录弹窗框效果

    使用openSpeDiv方法实现Ecshop登录弹窗框效果

    在ECSHOP的目录/JS/common.js中有一个openSpeDiv方法是实现ECSHOP的弹窗效果的。接下来通过本文给大家分享使用openSpeDiv方法实现Ecshop登录弹窗框效果，需要的朋友参考下
    2017-03-03
  • layui实现三级导航菜单

    layui实现三级导航菜单

    这篇文章主要为大家详细介绍了layui实现三级导航菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-07-07
  • 十大热门的JavaScript框架和库

    十大热门的JavaScript框架和库

    这篇文章主要为大家详细介绍了十大热门的JavaScript框架和库，前端必备，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript箭头函数_动力节点Java学院整理

    JavaScript箭头函数_动力节点Java学院整理

    这篇文章主要为大家详细介绍了JavaScript箭头函数的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06
  • webpack 5.68.0版本教程示例详解

    webpack 5.68.0版本教程示例详解

    这篇文章主要为大家介绍了webpack 5.68.0版本教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-11-11

最新评论