0

I'm programming a Chrome Extension, and I'm having it inject a content script which iterates through a few elements and attaches an onclick property to them which sends a message to my background script to execute a custom function on the DOM (the function defined in content scripts). To send a message from the web page to the extension, I must specify the extension ID which, as of now, I was manually getting from the extensions menu. Could I manage to query something for the extension's own ID so I can inject code that would talk to my content script? Is there another way to do what I'm trying to do?

The code injected into the DOM for each of these elements looks like this

targets[current].element.setAttribute("onclick", `chrome.runtime.sendMessage(${EXTENSION_ID}, this.id)`);
HydroPage
  • 121
  • 12
  • 1
    Don't use setAttribute. Use a normal `onclick` property instead so you would be able to use the internal extension messaging without the need to specify the id. – wOxxOm Dec 20 '20 at 15:35
  • Mind being more detailed? What is a “normal onclick”? – HydroPage Dec 20 '20 at 16:00
  • https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick – wOxxOm Dec 20 '20 at 16:01
  • I had to tweak some code around to fit this. But it does work. Thank you for the cleaner solution! – HydroPage Dec 20 '20 at 17:30

1 Answers1

1

There are many ways to exhange information between the specific tab you're viewing and your background script. You can check those out on this answer.

The solution to your Chrome extension ID problem is using chrome.runtime.id to get the extension ID and inject it alongside your other code into the required page and then using it to send a message back.

Luka Čelebić
  • 1,083
  • 11
  • 21