カテゴリー:
Google Chrome
閲覧数:693 配信日:2013-01-28 15:11
Page Actionとは？
・ある条件の下、URLバーの中にアイコンが現れ、それをクリックすると、何かが起きる
▼manifest.json
{
"manifest_version": 2,
"name": "My Second Browser Action",
"description": "Page Action！",
"version": "0.1",
"background": {
"scripts": ["background.js"]
},
"permissions": [
"tabs", "http://*/*"
],
"page_action": {
"default_icon": "icon19.png",
"default_title": "My Second Extension"
}
}・タブが更新されたら
・url.indexOf('dotinstall') … urlの中で、「dotinstall」が、何番目に含まれているか？
・タブオブジェクトには、URLが含まれている
・ページアクションのボタンを表示 … showメソッド
・ページアクションのボタンをクリックした時 … onClickedメソッド
▼background.js
// PageActionを表示する？
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
if (tab.url.indexOf('dotinstall') > 1) {//厳密に「http://」以降に「dotinstall」が含まれているということをチェックしたい場合は、「> 1」の箇所は、「> 6」でも良い
chrome.pageAction.show(tabId);
}
});
// PageActionをクリックしたときに何する？
chrome.pageAction.onClicked.addListener(function() {
chrome.tabs.executeScript(null, {code:"document.body.style.backgroundColor='red'"});
});