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行阻塞事件處理。