scripts how google extensions extension example developer develop create content chrome javascript html google-chrome google-chrome-extension

javascript - extensions - how to create a google chrome extension



Extensión de Chrome obtener texto seleccionado (2)

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]; });

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 ...


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

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