How to pass Data between files Chrome Extension?


This Content is from Stack Overflow. Question asked by Nick

Currently, I mainly work with two files, background.js and popup.js.
In background.js

I have a bunch of functions that let me store data in an IndexedDB. And in popup.js I call the functions like this:

    message: "insert",
    payload: [
        url: form_data.get("message"),
        text: form_data.get("message"),

Depending on the message, a certain function is called. When the function has successfully executed I do this from the background.js file:

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.message === "insert") {
    let insert_request = insert_records(request.payload);

    insert_request.then((res) => {
        message: "insert_success",
        payload: res,

This is my problem:

How do I send data from background.js to popup.js. What I want is to get the URL of the current page, and then send it to popup.js and store it in the Database.

I have already looked at already existing posts, but none of them really helped.

Can someone please help me out.


This question is not yet answered, be the first one who answer using the comment. Later the confirmed answer will be published as the solution.

This Question and Answer are collected from stackoverflow and tested by JTuto community, is licensed under the terms of CC BY-SA 2.5. - CC BY-SA 3.0. - CC BY-SA 4.0.

people found this article helpful. What about you?