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

Broswer Plugin - Sending message from Content to the Plugin

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Take a look at our YouTube channel and subscribe to be notified about new videos!

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Take a look at some frequently asked questions about us and our products!

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

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.

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.