Chrome Extension 筆記(07)針對 cookie 進行讀寫

2021-11-18 15:31:15 阅读：150 来源： 互联网

标签：function cookies ithome 07 Extension Chrome var com name

當使用 xhr 在網路上抓資料時,
若遇上需要登入的部份, 就可能需要對 cookie 進行操作,
如果再配合上一篇介紹的 Storage,
想做一個能'在同個網站做多重帳戶切換'的擴充功能就不是難事.

manifest.json

{
   "manifest_version": 2,
   "name": "ironman6",
   "version": "1.0",
   "browser_action": {
      "default_popup": "index.html"
   },
	"permissions": [
		"cookies",
		"http://ithelp.ithome.com.tw/*"
	]
}

index.html

		<title>ironman6</title>
		<style>body {width: 500px ;} li {white-space: nowrap;}</style>
	
	
		<input type="text" id="cname" placeholder="name"/>
		<input type="text" id="cvalue" placeholder="value"/>
		<button id="setcookie">SetCookie</button>
		<div id="content"></div>
		<script src="app.js"></script>

app.js

document.addEventListener('DOMContentLoaded', function () {
	document.querySelector('#setcookie').addEventListener('click', setCookie);
	getCookie();
});

var content = document.querySelector('#content');
var cname   = document.querySelector('#cname');
var cvalue  = document.querySelector('#cvalue');

function setCookie() {
	chrome.cookies.set({
		url  : 'http://ithelp.ithome.com.tw/',
		name : cname.value,
		value : cvalue.value
	}, function(msg){
		console.dir(msg);
		getCookie();
	});
}

function getCookie() {
	var output = [];
	chrome.cookies.getAll({
		url  : 'http://ithelp.ithome.com.tw/'
	}, function(cookies){
		for (var i = 0; i < cookies.length; i++) {
			var name   = cookies[i].name;
			var value  = cookies[i].value;
            output.push('<li>' + name + ' : ' + value + '</li>');
		}
		content.innerHTML = output.join('');
	});
}

function delCookie(name) {
	chrome.cookies.remove({
		url  : 'http://ithelp.ithome.com.tw/',
		name : name
	}, function(msg){
		console.dir(msg);
		getCookie();
	});
}

要注意的是
cookie 的操作必須配合主機權限(host-permissions)一起使用,
像上面的例子僅聲明了 "http://ithelp.ithome.com.tw/\*" 的權限,
所以若再去要求 "http://www.google.com/" 的 cookie,
則會出現錯誤.

[Chrome Extension 筆記(07)針對 cookie 進行讀寫 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天](https://ithelp.ithome.com.tw/articles/10128585 )]

标签：function,cookies,ithome,07,Extension,Chrome,var,com,name
来源： https://www.cnblogs.com/ministep/p/15572600.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Chrome Extension 筆記(07)針對 cookie 進行讀寫