Обновить значок расширения хрома на вкладке switch/change

Question

Расширение касается только нескольких сайтов. Таким образом, у него есть обычный значок, который отображается на панели инструментов (действие браузера), и когда пользователь открывает сайт, который поддерживается, значок должен измениться на другой, чтобы указать его. То же самое должно произойти, когда пользователь переключает вкладки. Я попытался настройки фона страницы и отправить сообщение на всплывающей странице, как показано ниже,

background.js

chrome.tabs.onActivated.addListener(function(tabId, changeInfo, tab) {   
    chrome.runtime.sendMessage({msg: 'supported'}); 
}); 

всплывающее окно

chrome.extension.onMessage.addListener(function(message, messageSender, sendResponse) { 
    updateIcon(); 
}); 

Но это не работает. Функция updateIcon() прекрасна, поскольку она работает при вызове со всплывающей страницы. Я новичок в развитии расширения chrome, поэтому я не уверен, что я делаю неправильно здесь, буду признателен за любую помощь. Благодарю.

Answer 1

Вы можете использовать message passing, чтобы сделать это с помощью скриптов контента, чтобы обнаружить переключатель на поддерживаемой странице, а затем уведомить страницу фона, чтобы отобразить значок действия браузера для этой страницы. Ваш сценарий контент должен отправить сообщение с помощью chrome.runtime.sendMessage и фон страницы должны слушать с помощью chrome.runtime.onMessage.addListener:

Я создал образец кода и тестирование он работает со мной:

Содержание сценария:

if(onSupportedPageNeedChangeIcon) { 
    // send message to background script 
    chrome.runtime.sendMessage({ "newIconPath" : "newicon.png" }); 
} 

фона страница:

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) { 
     // read `newIconPath` from request and read `tab.id` from sender 
     //alert("good"); 
     chrome.browserAction.setIcon({ 
      path: request.newIconPath, 
      tabId: sender.tab.id 
     }); 
    }); 

Также имейте в виду, чтобы зарегистрировать код вашего содержания сценария в манифесте как:

"content_scripts": [ 
    { 
     "matches": ["http://www.supportedwebsiteone.com/*", "http://www.supportedwebsitetwo.com/*"], 
     "js": ["myscript.js"] 
    } 
    ]