Running Script after Injecting from Chrome Extension

Question

I'm trying to inject a script into the webpage when a button in the extension option menu is clicked. Injection -

document.getElementById("button_").addEventListener("click", function(){
  alert("Injecting") ;
  chrome.tabs.executeScript({
          file: 'script.js'
        });
});

However the function that I'm trying to run in script.js , foo() is not running. I'm trying to run it via-

window.onload= function(){
  foo() ;
}

However this does not work . How do I get foo() to run?

Note- It has to run as an injected script

'window.onload' is not invoked because the page is already loaded. Why don't you just invoke your function foo? — Miroslav Válka - MWarCZ, Jun 06 '19 at 19:31

score 1 · Accepted Answer · answered Jun 07 '19 at 12:23

1

Instead of using the listener and running "chrome.tabs.executeScript" on click, use the "content_scripts" property in manifest file and inside the script create a listener that will run your function.

answered Jun 07 '19 at 12:23

Balsa Lazarevic

83
4

How would I refer to the extension's DOM to set a listener? – anirudh Jun 07 '19 at 18:27
In the same manner as usually. You will have a .js file that will be appended to all the websites you specify in "matches" property of the "content_scripts". – Balsa Lazarevic Jun 10 '19 at 06:36

score 0 · Answer 2 · answered Jun 07 '19 at 19:26

0

Sending message from a background script to a content script, then to a injected script gives an excellent guide on dealing with content scripts and communicating with them.

answered Jun 07 '19 at 19:26

anirudh

424
1
4
12

Running Script after Injecting from Chrome Extension

2 Answers2