Как передать переменную на другую HTML-страницу при создании ContextMenu в расширении Chrome?

Question

Я создаю contextMenu (вы щелкаете правой кнопкой мыши по некоторому контенту на веб-странице и используете его), используя расширение Chrome.

Он построен следующим образом:

var menuItem = {
    "id": "Wikit",
    "title": "Wikit",
    "contexts": ["selection"]
};

chrome.contextMenus.create(menuItem);


    url = 'http://localhost:5000/api/v1/players/' + fixedEncodeURI(clickData.selectionText)
    return new Promise((reslove, reject) => {
        fetch(url, myInit)
            .then(response => response.json())
            .then(responseText => {
                var popup_url = 'popup.html'
                var createData = {
                    "url": popup_url,
                    "type": "popup",
                    "top": 5,
                    "left": 5,
                    "width": 500,
                    "height": 500
                };          
                chrome.windows.create(createData, function(){});  
                console.log(responseText)
            ...// more info hidden

Всякий раз, когда ящелкните правой кнопкой мыши и щелкните значок расширения, он выскочит popup.html, как я и предполагал.Но я хочу выполнять более сложные задачи, передавая переменные и используя их в этом popup.html.

Какой хороший способ сделать это?