Chrome擴展使得擴展活躍，只有當比賽匹配

Question

我有這樣的代碼爲我background.js

function changeActive(tabId, changeInfo, tab){ 
    console.log(tab); 
    chrome.pageAction.setPopup({ 
    "popup":"popup.html" 
    }); 
    chrome.pageAction.setIcon({ 
    "path":"Facebook-icon16.png" 
    }); 
    } 
chrome.tabs.onUpdated.addListener(changeActive); 

我的清單具有這樣的：

... "content_scripts": [ 
{ 
    "matches": ["https://www.facebook.com/*"], 
    "css": ["messenger.css"], 
    "js":["messenger.js"], 
    "run_at":"document_start" 
} 
], 
    "version": "0.2", 
"permissions": [ 
     "activeTab","tabs" 
     ] 
    } 

正如你可以看到我想匹配，如果網址是Facebook，然後更改圖標圖像並顯示彈出窗口。我也不想他們能夠既然你已經使用了內容腳本它是點擊該圖標，如果它不是Facebook標籤

Answer 1

上一個好主意，以告知背景 - 利用Message Passing頁面，它應該改變圖標和彈出。
例如： -

在messenger.js：

chrome.runtime.sendMessage({ onFacebook: true }); 

在background.js：

/* When the content scripts makes contact, 
* set the page-action's icon and popup */ 
chrome.runtime.onMessage.addListener(function(msg, sender) { 
    if (msg.onFacebook === true) { 
     chrome.pageAction.setIcon({ 
      tabId: sender.tab.id, 
      path: "path/to/active/icon.png" 
     }); 
     chrome.pageAction.setPopup({ 
      tabId: sender.tab.id, 
      popup: "path/to/popup.html" 
     }); 
    } 
}); 

/* When the tab's address changes/reloads, 
* clear the popup and reset the icon. 
* (If applicable, the newly injected content script will send a new message.) */ 
chrome.tabs.onUpdated.addListener(function(tabId, info, tab) { 
    if (info.status === "loading") { 
     chrome.pageAction.setIcon({ 
      tabId: tabId, 
      path: "path/to/inactive/icon.png." 
     }); 
     chrome.pageAction.setPopup({ 
      tabId: tabId, 
      popup: "" 
     }); 
    } 
}); 

---

另外，還要注意：

• activeTab權限是tabs權限的子集，因此將它們組合使用是沒有意義的。
• 如果你躲在當不上Facebook（使用chrome.pageAction.hide(...)和chrome.pageAction.show(...)）的頁面操作圖標這可能是你的用戶不易混淆。