Chrome Extension: comment capturer le texte sélectionné et l'Envoyer à un service web

le contenu du script

document.addEventListener('mouseup',function(event)
{
    var sel = window.getSelection().toString();

    if(sel.length)
        chrome.extension.sendRequest({'message':'setText','data': sel},function(response){})
})

Page D'Arrière-Plan

<script>
var seltext = null;

chrome.extension.onRequest.addListener(function(request, sender, sendResponse)
{
    switch(request.message)
    {
        case 'setText':
            window.seltext = request.data
        break;

        default:
            sendResponse({data: 'Invalid arguments'});
        break;
    }
});


function savetext(info,tab)
{
    var jax = new XMLHttpRequest();
    jax.open("POST","http://localhost/text/");
    jax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    jax.send("text="+seltext);
    jax.onreadystatechange = function() { if(jax.readyState==4) { alert(jax.responseText);  }}
}

var contexts = ["selection"];
for (var i = 0; i < contexts.length; i++)
{
    var context = contexts[i];
    chrome.contextMenus.create({"title": "Send to Server", "contexts":[context], "onclick": savetext});  
}

</script>

manifeste.json

{
  "name": "Word Reminder",
  "version": "1.0",
  "description": "Word Reminder.",
  "browser_action": {
    "default_icon": "images/stick-man1.gif",
    "popup":"popup.html"
  },

  "background_page": "background.html",

  "content_scripts": [
    {
        "matches": ["<all_urls>"],
      "js": ["js/myscript.js"]
    }
  ],

  "permissions": [
    "http://*/*",
    "https://*/*",
    "contextMenus",
    "tabs"
  ]
}

et voici le lien où j'ai tous dans une extension à télécharger. après avoir lu ceci j'ai essayé de mon propre et ai publié.

et voici la source

http://vikku.info/programming/chrome-extension/get-selected-text-send-to-web-server-in-chrome-extension-communicate-between-content-script-and-background-page.htm

Profitez de

L'utilisation d'un content_scripts n'est pas une bonne solution car il injection à tous les documents, y compris iframe-ads, etc. Je reçois une sélection de texte vide d'autres pages que celle que j'attends la moitié des fois sur les sites Web désordonnés.

une meilleure solution est d'injecter du code uniquement dans l'onglet sélectionné, car c'est l'endroit où votre texte sélectionné vit de toute façon. Exemple de section jQuery doc ready:

$(document).ready(function() {
    // set up an event listener that triggers when chrome.extension.sendRequest is fired.
    chrome.extension.onRequest.addListener(
        function(request, sender, sendResponse) {
            // text selection is stored in request.selection
            $('#text').val( request.selection );
    });

    // inject javascript into DOM of selected window and tab.
    // injected code send a message (with selected text) back to the plugin using chrome.extension.sendRequest
    chrome.tabs.executeScript(null, {code: "chrome.extension.sendRequest({selection: window.getSelection().toString() });"});
});

il n'est pas clair d'après votre code où il se trouve. Ce que je veux dire, c'est que si ce code est soit en HTML popup ou html background alors les résultats que vous voyez sont corrects, rien dans ces fenêtres ne sera sélectionné.

vous aurez besoin de placer ce code dans un script de contenu pour qu'il ait accès au DOM de la page, et ensuite quand vous cliquez sur l'action de votre navigateur, vous aurez besoin d'envoyer un message au script de contenu pour récupérer la sélection de document actuelle.

Vous n'avez pas besoin D'API Google pour quelque chose d'aussi simple que cela...

je vais utiliser le service en ligne de Bing comme exemple. Notez que l'URL est configuré pour accepter un paramètre:

var WebService='http://www.bing.com/translator/?text='; 


frameID.contentWindow.document.body.addEventListener('contextmenu',function(e){

 T=frameID.contentWindow.getSelection().toString();

 if(T!==''){e.preventDefault(); Open_New_Tab(WebService+encodeURIComponent(T)); return false;} 

},false);

NB: la fonction "Open_New_Tab()" utilisée ci-dessus est une fonction imaginaire qui accepte L'URL du service Web avec le texte sélectionné comme paramètre.

C'est l'idée de base.