javascript

chrome extension

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)
 
**background.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，要在點選擴充元件裡"檢查運作中的檢視"的頁面，才看的到喔~!)

chrome api 和配置

example