如何理解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變化與賦值問題”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！