javascript - extensions - how to create a google chrome extension

Extensión de Chrome obtener texto seleccionado

Question

Estoy buscando una manera de obtener el texto seleccionado en mi extensión de Chrome.

Quiero ex. seleccione un texto en la fuente de Facebook y cuando haga clic en mi ícono lo obtendrá y mostrará el texto seleccionado en mi Extensión.

Tengo esto hasta ahora:

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

recibe el texto seleccionado y lo alerta con un mensaje en Chrome. Sin embargo quiero mostrarlo en mi ventana emergente html. Quiero escribirlo así:

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

¡Necesitas ayuda! y sé que hay otra pregunta sobre esto, pero no me dieron exactamente lo que quiero ...

Answer 1

Puede usar la última expresión evaluada por el código ejecutado en una función de devolución de llamada:

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

Answer 2

Puedes hacer esto usando Extensions Messaging . Básicamente, su "página de fondo" enviará la solicitud a su servicio. Por ejemplo, supongamos que tiene una "ventana emergente" y una vez que haga clic en ella, hará una "búsqueda de Google", que es su servicio.

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

Algunas referencias

1. Crear una extensión de Chrome que toma el texto resaltado en la página y lo inserta en un área de texto en popup.html

O puedes usar este plugin

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