chrome extension是chrome的擴充元件,只需要有配置manifest.json,搭配一個background_page或popup,就可以完成一個簡單的擴充元件。
以下是一個與頁面溝通example:
manifest.json的配置:
{ "name": "test", "version": "1.0", "background_page": "background.html", "permissions": [ "tabs", "http://*/*" ] }
其中background_page是主要運行在extension的程式,permissions則是可以使用的權限。
[manifest的參數配置](http://code.google.com/chrome/extensions/contextMenus.html)
<html> <head> <script> function click() { chrome.tabs.executeScript(null,{file:"page.js"}); } //監聽page request的event chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { console.log(arguments); }); //配置icon chrome.browserAction.setIcon({path:"icon" + current + ".png"}); chrome.browserAction.onClicked.addListener(click); </script> </head> </html>
page.js:
chrome.extension.sendRequest({page:document.title});
接著只要將此目錄載入到擴充元件,即可使用。(擴充元件console.log,要在點選擴充元件裡"檢查運作中的檢視"的頁面,才看的到喔~!)