Can the window object be modified from a Chrome extension? [duplicate]

by

You can’t, not directly. From the content scripts documentation:

However, content scripts have some limitations. They cannot:

  • Use chrome.* APIs (except for parts of chrome.extension)
  • Use variables or functions defined by their extension’s pages
  • Use variables or functions defined by web pages or by other content scripts

(emphasis added)

The window object the content script sees is not the same window object that the page sees.

You can pass messages via the DOM, however, by using the window.postMessage method. Both your page and content script listen to the message event, and whenever you call window.postMessage from one of those places, the other will receive it. There’s an example of this on the “Content Scripts” documentation page.

edit:
You could potentially add some methods to the page by injecting a script from the content script. It still wouldn’t be able to communicate back with the rest of the extension though, without using something like postMessage, but you could at least add some things to the page’s window

var elt = document.createElement("script");
elt.innerHTML = "window.foo = {bar:function(){/*whatever*/}};"
document.head.appendChild(elt);

More Related Contents:

  1. onclick or inline script isn’t working in extension
  2. The Chrome extension popup is not working, click events are not handled
  3. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  4. How to simulate key presses or a click with JavaScript?
  5. Chrome Extension – Get DOM content
  6. Gmail Extension, sendMessage to background from page context
  7. Can a site invoke a browser extension?
  8. How can a Chrome extension save many files to a user-specified directory?
  9. Create a file using Javascript in Chrome on client side
  10. Reading response headers with Fetch API
  11. Console shows error about Content Security policy and lots of failed GET requests
  12. Inspecting WebSocket frames in an undetectable way
  13. Getting unique ClientID from chrome extension?
  14. Communicating between a Chrome packaged app and a Chrome extension?
  15. Content-Security-Policy error in google chrome extension making
  16. How to inject CSS into webpage through Chrome extension?
  17. Change matching words in a webpage’s text to buttons
  18. Inject CSS stylesheet as string using Javascript
  19. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  20. Dynamic extension context menu that depends on selected text
  21. Deleting DOM elements before the Page is displayed to the screen (in a Chrome extension)
  22. How to modify current url location in chrome via extensions
  23. “Aw, Snap” when data uri is too large
  24. chrome.tabs.executeScript(): How to get result of content script?
  25. How to use GM_xmlhttpRequest in Injected Code?
  26. Using page’s angular JS in chrome extension
  27. Can I use puppeteer inside chrome extension
  28. Cross-domain XMLHttpRequest using background pages
  29. How to refactor global variables from MV2 to using chrome.storage in MV3 service worker?
  30. Javascript textarea undo redo

Leave a Comment