ページの要素変更


view plainprint?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3.   
  4. <head>  
  5. <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />  
  6. <title>無題 1</title>  
  7. </head>  
  8.   
  9. <body>  
  10. <div id="target">ここを変更する</div>  
  11. <div>ここは変更しない</div>  
  12. </body>  
  13.   
  14. </html>  
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. }  
view plainprint?
  1. var ele = "document.getElementById('target')";  
  2. unification = ele + ".innerHTML = '変更する'";  
  3.   
  4. chrome.browserAction.onClicked.addListener(function () {  
  5.   
  6.     chrome.tabs.executeScript(null,{ code: unification });  
  7. });  


時刻: 0 件のコメント:

ページのタイトルを変更する

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. }  
view plainprint?
  1. chrome.browserAction.onClicked.addListener(function () {  
  2.   
  3.     chrome.tabs.executeScript(null,  
  4.         {  
  5.             "code": "document.title = 'new page title'"  
  6.         });  
  7. });  
時刻: 0 件のコメント:

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

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


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. }  

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

別の書き方
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. });  
時刻: 0 件のコメント:

アイコンクリックでウインドウを開く


manifest.json
view plainprint?
  1. {  
  2.  "name": "My Third Extension",  
  3.  "version": "1.0",  
  4.  "manifest_version": 2,  
  5.    
  6.  "description": "新たにウインドウを表示する",  
  7.    
  8.  "background": {  
  9.         "scripts": ["background.js"]  
  10.     },  
  11.    
  12.  "browser_action": {  
  13.   "default_icon": "icon.png",  
  14.   "default_title": "chrome.windows.create"//指定しないとnameが表示  
  15.  }  
  16. }  

background.js
view plainprint?
  1. chrome.browserAction.onClicked.addListener(function () {  
  2.     chrome.windows.create({ url: 'https://www.google.co.jp/', type: 'panel','width': 800, 'height': 400 });  
  3. });  

時刻: 0 件のコメント:

タブを開いたときに表示するページを変更


view plainprint?
  1. {  
  2.  "name": "My First Extension",  
  3.  "version": "1.0",  
  4.  "manifest_version": 2,  
  5.  "description": "The first extension that I made.",  
  6.  "browser_action": {  
  7.   "default_icon": "icon.png",  
  8.   "default_popup": "popup.html"  
  9.  },  
  10.  "chrome_url_overrides": {  
  11.   "newtab": "newtab.html"  
  12.  }  
  13. }  

view plainprint?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3.   
  4. <head>  
  5. <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />  
  6. <title>TAB Page</title>  
  7. </head>  
  8.   
  9. <body>  
  10.   
  11. <h1>新しタブページ </h1>  
  12.   
  13. </body>  
  14.   
  15. </html>  


時刻: 0 件のコメント:
登録: 投稿 (Atom)