chrome插件学习笔记之webRequest

今天突发奇想，想给自己开发一个将请求协议http修改为https的chrome插件。
因为之前没有碰过chrome，所以先跟着开发范例：从Hello World入门走了一遍，熟悉了一下chrome插件的开发流程。

1、 在manifest.json中声明API "webRequest"和 "webRequestBlocking"，并添加background.js"文件名

"permissions": ["webRequest", "webRequestBlocking","http://mail.qq.com/"],
"background": {"scripts": [ "background.js"]},

2、在background.js中添加如下代码

chrome.webRequest.onBeforeRequest.addListener(
		function(details) {
		console.log("修改前的请求地址" + details.url);
		var url=details.url;
		url=url.replace("http", "https");
		details.url=url;
		console.log("修改后的请求地址" + details.url);
		return true;
		},
		{urls: ["<all_urls>"]},
		["blocking"]
		)

第1行是注册事件监听器。因为只需要修改请求协议，所以我们只需监听chrome.webRequest.onBeforeRequest即可。

第2-9行是修改地址的回调代码。details包括requestId、url、frameId、parentFrameId等，我们这里只需要用到url。

第10行设置过滤器为所有地址。

第11行阻塞事件处理。