chrome extensions 中的交互

background與content_script的交互

　　其所指為當前網頁與擴展插件之間的交互。使用chrome.* API進行通信。

　　background向content_script發送消息

　　　　background.js

　　　　 chrome.tabs.sendMessage(tabId,{greeting:'hello'}); 

　　　　content_script.js

　　　　

chrome.extension.onMessage.addListener(
    function(request, sender, sendResponse) {
        console.log(request.greeting);
        }
);

　　　　附：tabId的獲取方法

　　　　　　background.js

　　　　　　

chrome.tabs.onUpdated.addListener(
    function(tabId, changeInfo,tab) {
        console.log(tabId);
    }
);  

　　content_script向background發送消息

　　　　content_script.js

　　　　

chrome.extension.sendMessage({greeting:'hello'});

　　　　background.js

　　　　

chrome.extension.onMessage.addListener(
    function(request, sender, sendResponse) {
        console.log(request.greeting);
        }
);

　　　區別：前者向tabs發送，后者向extension發送。

 

background與popup的交互

　　其所指為擴展前后台的交互。

　　popup.html中不能附加任何javascript代碼，包括不限於onclick。應在popup.js中進行定義。

　　popup獲取background值

　　　　bcakground.js

　　　　

var greeting='hello';

　　　　popup.js

　　　　

console.log(chrome.extension.getBackgroundPage().greeting);

　　background操作popup

　　　　使用getViews，未成功。