Send messages from contentScript to injectedScript

Question

For some reason the injected script will not get what the content script is sending it.

document.dispatchEvent(new CustomEvent('ToFBScript',{detail: {data: "Hello World"}})); //Injecting Script var s = document.createElement('script'); s.src = chrome.extension.getURL('fbscriptforextension.js'); (document.head||document.documentElement).appendChild(s); s.onload = function(){ s.parentNode.removeChild(s); };

My contentScript

var storage; document.addEventListener('ToFBScript',function(e){ storage = e.detail.data; console.log(storage); });

My Injected Script

Possible duplicate of Chrome extension - retrieving Gmail's original message — Haibara Ai
– Haibara Ai, Commented Jul 8, 2016 at 0:31
Besides above link, stackoverflow.com/questions/9915311/… also could help understand content scripts vs injected scripts. — Haibara Ai
– Haibara Ai, Commented Jul 8, 2016 at 0:32
Quick note: your last 2 edits invalidated my answer. Editing a question substantially AFTER you receive answers is usually a bad idea; I would ask you to roll those back and ask a new question if you still have problems. — Xan
– Xan, Commented Jul 11, 2016 at 11:46

Xan · Accepted Answer · 2016-07-08 08:45:31Z

1

You're trying to set the data property of CustomEvent, but you can only set detail. Fortunately, you can set it to anything JSON-serializable.

document.dispatchEvent(new CustomEvent('ToFBScript', {detail: {data: g}})); /* ... */ document.addEventListener('ToFBScript', function(e) { storage = e.detail.data; }

answered Jul 8, 2016 at 8:45

Xan

77.9k18 gold badges198 silver badges219 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Victoria Over a year ago

I have done this and put console.log(storage); withing the event listener in the injected script, but nothing even prints out and I think that for some reason the injected script is just not getting the event. Could it have to do with when each script loads or is injected?

Victoria Over a year ago

I edited my code above show the block of code for content script shows the injection of the injected script

Xan Over a year ago

Well, duh, you're dispatching the event way before anything can listen to it. You need to move messaging code to the onload handler.

Victoria Over a year ago

Ahhh okay, thank you! But one more question, I want to store the e.detail.data into a variable inside of the document.addEventListener, and I already declared the variable outside the document.addEventListener() but whenever I try to print storage out outside of the document.addEventListener() it is undefined and acts as if storage = e.detail.data; never happened once outside the document.addEventListener()

Collectives™ on Stack Overflow

Send messages from contentScript to injectedScript

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related