Chrome拡張機能で選択したテキストを取得する

Question

Chrome拡張機能に選択したテキストを表示する方法を探しています。

私は元気になりたいです。 Facebookのフィード内のテキストを選択し、私のアイコンをクリックするとそれが表示され、エクステンションに選択されたテキストが表示されます。

私は今のところこれを得た：

chrome.tabs.executeScript(null, 
    {code:"alert(window.getSelection().toString());"}) 

それが選択したテキストを取得し、Chromeのメッセージとそれを警告します。しかし、私は自分のHTMLポップアップにそれを表示したい。私はこのように書いておきたい：

document.getElementById("output").value = "Selected text here(but how)" 

助けが必要です！これについて他の質問があることは分かっていますが、私が望むものを正確に教えてくれませんでした。

Answer 1

はあなたがで実行されるコードで評価し、最後の式を使用することができますを使用することができますコールバック関数：

chrome.tabs.executeScript({ 
    code: "window.getSelection().toString();" 
}, function(selection) { 
    document.getElementById("output").value = selection[0]; 
}); 

Answer 2

Extensions Messagingを使ってこれを行うことができます。基本的に、あなたの「バックグラウンドページ」はあなたのサービスにリクエストを送ります。たとえば、「ポップアップ」があり、それをクリックすると、あなたのサービスである「Google検索」が行われます。

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { 
    if (request.method == "getSelection") 
     sendResponse({data: window.getSelection().toString()}); 
    else 
     sendResponse({}); // snub them. 
}); 

いくつかの参照

1）Creating a chrome extension which takes highlighted text on the page and inserts it into a textarea in popup.html

それとも、このプラグイン

2）https://chrome.google.com/webstore/detail/view-selection-source/fbhgckgfljgjkkfngcoeajbgndkeoaaj