Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Invoking a Google Chrome extension from Javascript

There is an excellent extension called Blipshot which takes page screenshots. I need to invoke the extension with page level javascript, instead of clicking its icon. Is this possible?

like image 470
Majid Fouladpour Avatar asked Feb 22 '23 20:02

Majid Fouladpour


2 Answers

You cannot invoke any methods of an extension from within a web page. However, it's possible to inject a content script into the web page, and use sendMessage and onMessage, or onConnect and connect.

To edit an extension: Visit chrome://extensions page, and enable the Developer mode. Unpack an extension and/or visit the extension's directory. Edit the manifest.json file, and add the necessary lines (see here).

Add an event event listener at the background page. Add a poller in the content script, eg:

// Content script
var poller = window.setInterval(function() {
   if (document.documentElement.getAttribute('extensionCalled')) {
       chrome.extension.sendMessage({"anyname": "anything"}, function() {
           /*optional callback function.*/alert("Something happened")
       });
       clearInterval(poller);
   }
}, 200);

// Background
chrome.extension.onMessage.addListener(function(request, sender, callback) {
    if (request.anyname == "anything") {
        function_logic_here();
        //Optionally, callback:
        callback();
    }
});

See also

  • Chrome extension - retrieving Gmail's original message - Using DOM events to communicate between a page and extension (recommended)
  • MDN: postMessage - It can be used to communicate between a page and extension (this method may cause conflicts when the page itself is also using the message events).

References:

  • Extension messaging
  • Content scripts
  • Content scripts in extensions
like image 165
Rob W Avatar answered Mar 06 '23 02:03

Rob W


It would only be possible if the extension provides an interface to do it. Extensions run in an isolated environment, so you don't have direct access to any of their functions.

The closest they get is content scripts, which have access to the DOM. Because of that, you can communicate using events, but obviously the extension would need to set up event handlers for them, so it completely depends on the extension.

like image 40
Matthew Crumley Avatar answered Mar 06 '23 03:03

Matthew Crumley