Passing message from background.js to popup.js

by

Popup doesn’t have tab id so you will get the error.

You can use chrome.runtime.sendMessage and chrome.runtime.onMessage.addListener in that case.

So in background.js

chrome.runtime.sendMessage({
    msg: "something_completed", 
    data: {
        subject: "Loading",
        content: "Just completed!"
    }
});

And in popup.js

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        if (request.msg === "something_completed") {
            //  To do something
            console.log(request.data.subject)
            console.log(request.data.content)
        }
    }
);

I hope it would be helpful to you.

More Related Contents:

  1. How to access the webpage DOM rather than the extension page DOM?
  2. How can I get the URL of the current tab from a Google Chrome extension?
  3. How to change chrome packaged app id Or Why do we need key field in the manifest.json?
  4. How can I open my extension’s pop-up with JavaScript?
  5. Since v38, Chrome extension cannot load from HTTP URLs anymore, workaround?
  6. chrome extension mv3 – Modularize service worker js file
  7. Detect Chrome extension first run / update
  8. Disable developer mode extensions pop up in Chrome
  9. Modifying the built-in newtab page
  10. Chrome Extension Content Script on https://chrome.google.com/webstore/
  11. Is it possible to run Google Chrome in headless mode with extensions?
  12. Using ECMAScript 6
  13. How to download a CRX file from the Chrome web store for a given ID? [closed]
  14. How can I enable my chrome extension in incognito mode?
  15. Insert an image in chrome extension
  16. Inject HTML into a page from a content script
  17. chrome.identity User Authentication in a Chrome Extension
  18. Can I modify outgoing request headers with a Chrome Extension?
  19. How to access the webpage DOM/HTML from an extension popup or background script?
  20. How do I import scripts into a service worker using Chrome extension manifest version 3?
  21. Disable chrome download multiple files confirmation
  22. Add contextmenu items to a Chrome extension’s browser action button
  23. Prevent chrome.notifications API from hiding my notification after a few seconds
  24. Google Chrome Extensions – Open New Tab when clicking a toolbar icon
  25. Chrome version 18+: How to allow inline scripting with a Content Security Policy?
  26. What does “http://*/*”, “https://*/*” and “” mean in the context of Chrome extension’s permissions
  27. CORS issue doesn’t occur when using POSTMAN
  28. How can I detect the current tab’s mime type in a Google Chrome extension?
  29. Run script each time Chrome extension icon clicked
  30. Chrome Console SameSite Cookie Attribute Warning

Leave a Comment