Chrome擴展：如何從一個頁面

Question

我要去嘗試，使這個儘可能明確得到具體的信息......

基本上我想打從當前訪問的顯示信息的瀏覽器擴展行動頁面放入彈出窗口中。例如顯示頁面標題，網址，圖片等）

我是新來的擴展程序的開發，我對發生的事情有點困惑。

我已經完成了鍍鉻教程。有人能指引我走向正確的方向，還是請給我一個基本的例子。

謝謝

Answer 1

下面是你需要什麼：當你點擊在Chrome您的擴展圖標，這將打開

一個彈出頁面。此頁面應該有一段JavaScript運行，它將消息發送到當前選定選項卡中的內容腳本，並偵聽內容腳本發回的答覆。喜歡的東西：

$(function(){ 
chrome.tabs.query({active: true, currentWindow: true}, function (tabs){ 
     chrome.tabs.sendMessage(tabs[0].id, {action: "getDetails"}, function(details){ 
      //use details here 
     }); 
    }); 
}); 

一個內容腳本直接注入到主網頁（您需要提取的其他信息的URL頁面）。這個內容腳本讀取信息並通過sendMessage api將它傳遞給彈出頁面。事情是這樣的：

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) { 
    //get details 
    sendResponse(details);   
    }); 

下面是一個SO線程提到你怎麼可以從內容腳本跟一個彈出頁面：Chrome Extension how to send data from content script to popup.html

HTH！