DecSoft Soporte - Broswer Plugin - Sending message from Content to the Plugin

Broswer Plugin - Sending message from Content to the Plugin

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

John Clarke

In my plugin I have attached an event to all anchor tags on the content by using the following code :

 
  // Locate all of the hyperlinks on the page
   var hyperlinks = document.querySelectorAll('a');

   // Loop through all of the hyperlinks adding the hyperlinkHandler
    Array.from(hyperlinks).forEach(hyperlink => {
    hyperlink.addEventListener('click', hyperLinkHandler);
  });

My event for the hyperLinkHandler is as follows :


function hyperLinkHandler(event)
{

  // Prevent the event from bubbling up
  event.preventDefault();

  // Log to console
  console.log(event.target.href);  

  // Send the message object
  chrome.runtime.sendMessage("hyperlink clicked");
}

althought the console.log works the chrome.runtime.sendMessage isn't sending the message to the WebExtMessage event in order to be gathered by the plugin.

How can I fix this ?

DecSoft

Hello John,

Certainly, you touch a good point... you are right, the "sendMessage" don't work as expected, well, as you can see it working in the WebExtension sample app, for example. I think this can be caused because the "sendMessage" used in the WebExtension sample app is called after an action (a button click) in the same app, and not an event from the extension content script.

Let me to take a look, John, maybe I can find some possible alternative or finally find what can happen in this situation.

Purchase one or more licenses of our products if they are useful to you!

John Clarke

I think I have a working solution. I will email it to you.

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.