タブに対してスクリプトを実行する

アイコンがクリックしたら、背景を青に変更する。

view plainprint?

1. {  
2.  "name": "My Third Extension",  
3.  "version": "1.0",  
4.  "manifest_version": 2,  
5.    
6.  "description": "タブで開かれているページにスクリプトを実行する",  
7.    
8.  "permissions": [  
9.   "tabs",   
10.   "http://*/*",  
11.   "https://*/*"  
12.     ],  
13.    
14.  "background": {  
15.         "scripts": ["background.js"]  
16.     },  
17.    
18.  "browser_action": {  
19.   "default_icon": "icon.png",  
20.   "default_title": "chrome.windows.create"//指定しないとnameが表示  
21.  }  
22. }  

{
 "name": "My Third Extension",
 "version": "1.0",
 "manifest_version": 2,
 
 "description": "タブで開かれているページにスクリプトを実行する",
 
 "permissions": [
  "tabs", 
  "http://*/*",
  "https://*/*"
    ],
 
 "background": {
        "scripts": ["background.js"]
    },
 
 "browser_action": {
  "default_icon": "icon.png",
  "default_title": "chrome.windows.create"//指定しないとnameが表示
 }
}

view plainprint?

1. chrome.browserAction.onClicked.addListener(function () {  
2.     chrome.tabs.executeScript(null, {  
3.         "code": "document.body.style.backgroundColor='blue'"  
4.     });  
5. });  

chrome.browserAction.onClicked.addListener(function () {
    chrome.tabs.executeScript(null, {
        "code": "document.body.style.backgroundColor='blue'"
    });
});

別の書き方

view plainprint?

1. unification = "document.body.style.backgroundColor='blue'";  
2.   
3. chrome.browserAction.onClicked.addListener(function () {  
4.   
5.     chrome.tabs.executeScript(null,  
6.         { code: unification });  
7. });  

unification = "document.body.style.backgroundColor='blue'";

chrome.browserAction.onClicked.addListener(function () {

    chrome.tabs.executeScript(null,
        { code: unification });
});