如何理解chrome監(jiān)聽cookie變化與賦值問題

本篇內(nèi)容介紹了“如何理解chrome監(jiān)聽cookie變化與賦值問題”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

代碼如下所示：

/**
* 監(jiān)聽cookie變化
*/
chrome.cookies.onChanged.addListener(function(changeInfo){
	// cookies.onChanged監(jiān)聽的是所有的cookie,所以需要過濾只處理我們網(wǎng)站自己的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{
				// 設(shè)置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('設(shè)置,重新獲取cookie',_cookie);
					// getUserInfo(1);
				});
			}
		}
	}
});

ps：下面看下CHROME擴展筆記之cookie監(jiān)聽與賦值問題。

cookie監(jiān)聽與賦值操作需要manifest文件里聲明權(quán)限，cookie
權(quán)限如下：

{
	"permissions": [ "cookies", "*://*.要操作cookie的域名.com/*" ],
}

/**
* 監(jiān)聽cookie變化
*/
chrome.cookies.onChanged.addListener(function(changeInfo){
	// cookies.onChanged監(jiān)聽的是所有的cookie,所以需要過濾只處理我們網(wǎng)站自己的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{
				// 設(shè)置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以上的版本會出現(xiàn)iframe頁面無法使用cooke
				},function(_cookie){
					// console.log('設(shè)置,重新獲取cookie',_cookie);
					// getUserInfo(1);
				});
			}
		}
	}
});

注意：關(guān)于secure和sameSite不懂的可看廖雪峰的博客cookie的SameSite屬性一篇

“如何理解chrome監(jiān)聽cookie變化與賦值問題”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！