Access window variable from Content Script [duplicate]

by

One thing that is important to know is that Content Scripts share the same DOM as the current page, but they don’t share access to variables. The best way of dealing with this case is, from the content script, to inject a script tag into the current DOM that will read the variables in the page.

in manifest.json:

"web_accessible_resources" : ["/js/my_file.js"],

in contentScript.js:

function injectScript(file, node) {
    var th = document.getElementsByTagName(node)[0];
    var s = document.createElement('script');
    s.setAttribute('type', 'text/javascript');
    s.setAttribute('src', file);
    th.appendChild(s);
}
injectScript( chrome.extension.getURL('/js/my_file.js'), 'body');

in my_file.js:

// Read your variable from here and do stuff with it
console.log(window.my_variable);

More Related Contents:

  1. Chrome extension content script re-injection after upgrade or install
  2. Chrome extension is not loading on browser navigation at YouTube
  3. Chrome extension: accessing localStorage in content script
  4. Optionally inject Content Script
  5. How to open the correct devtools console to see output from an extension script?
  6. Chrome extension code vs Content scripts vs Injected scripts
  7. Access global js variables from js injected by a chrome extension
  8. Port error while changing chrome extension from manifest v1 to v2
  9. Injecting iframe into page with restrictive Content Security Policy
  10. My CSS is not getting injected through my content script
  11. Firefox extension .xpi file structure: description, contents, creation, and installation
  12. Chrome extension to read HTTP response
  13. Content script matching top-level domains like all google.*
  14. Service worker registration failed. Chrome extension
  15. Registering a custom element from a chrome extension
  16. Manifest v3 Resources must be listed in the web_accessible_resources
  17. How to inject javascript into Chrome DevTools itself
  18. How to inject CSS using content script file in Chrome extension?
  19. chrome extension: how to send ‘keydown’ event to page’s input?
  20. CORS Chrome Extension with manifest version 2
  21. How do I log out of a chrome.identity oauth provider
  22. Chrome tabs query returning empty tab array
  23. cannot create item with duplicate context menu id in extension
  24. How to avoid “Extension context invalidated” errors when messaging AFTER an Extension update?
  25. Can I hide my extension’s icon by default?
  26. chrome.tabs.executeScript not working?
  27. Chrome content scripts aren’t working: DOMContentLoaded listener does not execute
  28. Chrome extension: Communication between content script and background.html
  29. How to to initialize keyboard event with given char/keycode in a Chrome extension?
  30. How to debug chrome devtools panel extension?

Leave a Comment