Значение обновления расширения Chrome на странице из всплывающего окна

Question

У меня есть расширение Chrome, которое отображает всплывающее окно при нажатии на значок расширения и отображает форму.Пока все хорошо, эта часть работает как положено.

Идея состоит в том, чтобы эта форма выполняла некоторые вычисления, и когда я нажимаю кнопку, она должна обновить 2 текстовых поля на веб-странице на основе 2 полей ввода из моей формы, которые были обновлены расчетом (расчетчасть работает).

Это мой popup.js

Пока я могу заставить его менять цвет фона на веб-странице, поэтому при нажатии он выполняет какие-то действия на странице, так чтоработает.

document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('add').onclick = function() {
    var maxPercOpenPosOut = document.getElementById('maxPercOpenPosOut').value;
    var percBuyAmountOut = document.getElementById('percBuyAmountOut').value;

    chrome.tabs.executeScript(null, {
            code:"document.body.style.backgroundColor='red'"
        });
      window.close();
  };
});

Но я, очевидно, не хочу менять цвет фона, но я хочу заполнить var maxPercOpenPosOut и percBuyAmountOut в некоторых числовых полях на веб-странице, это та часть, которую я хочуобновите значение.

<input type="number" min="1" class="form-control" name="max_open_positions_per_coin" value="10" placeholder="20" required="">

Я пытался использовать document.querySelector("input[name='max_open_positions_per_coin']").value = maxPercOpenPosOut, но не могу заставить его работать.

Answer 1

Вы можете попробовать что-то вроде этого:

Внутри popup.js:

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) 
{
    // message for content scripts
    chrome.tabs.sendMessage(tabs[0].id, {...});
}

Внутри страницы js:

chrome.extension.onMessage.addListener(function(request, sender, sendResponse) 
{ 
    ...
});