chrome擴(kuò)展與標(biāo)簽tab的內(nèi)容交互

chrome插件提供了查找tab的api：

　　chrome.tabs.get(integer tabId, function callback)

但是出于安全的考慮，tab的屬性中沒有document，因此無法在擴(kuò)展中直接獲取某個(gè)頁簽頁面中的頁面元素，但是tab有這樣一個(gè)方法：

　　chrome.tabs.sendRequest(integer tabId, any request, function responseCallback)

他可以在擴(kuò)展中對某一個(gè)tab進(jìn)行請求，發(fā)送請求信息；在對應(yīng)的tab頁面中通過

　　chrome.extension.onRequest.addListener(function(any request, MessageSender sender, function sendResponse) {...});對擴(kuò)展中的請求進(jìn)行監(jiān)聽，根據(jù)監(jiān)聽到的信息，決定要做的事情

簡單一點(diǎn)的，簡明實(shí)例：
一、在擴(kuò)展中 添加 發(fā)送事件請求 的代碼

　　chrome.tabs.sendRequest(tab_id, {      hello: "ok"    }, function(response) {        // tab做出響應(yīng)，發(fā)來的response })

二、在 tab中添加 事件監(jiān)聽的代碼

在manifest.json中添加

　　"content_scripts": [    {      "matches": ["*://*/*"],      "js": ["jquery.min.js","test.js"]    }  ],  "permissions": ["*://*/*","tabs"]

其目的是在每個(gè)標(biāo)簽頁面加載的時(shí)候同時(shí)載入這兩個(gè)js，獲取tabs的權(quán)限

在test.js 中放入監(jiān)聽 擴(kuò)展 請求事件的代碼

　　chrome.extension.onRequest.addListener(  function(request, sender, sendResponse) {    if (request.hello == "ok"){  // 在得到request請求是ok的時(shí)候 做下面的操作      sendResponse({        data: $("#hello") // 獲取id是hello的元素發(fā)過去      });    }  }  );