Как отправить сообщение из Popup.js в Content Script в расширении Chrome на активной вкладке? - PullRequest
Новая
       2

Как отправить сообщение из Popup.js в Content Script в расширении Chrome на активной вкладке?

0 голосов
/ 21 июня 2019

Когда я нажимаю на значок панели инструментов в моем расширении Chrome, он вызывает всплывающий файл popup.html по умолчанию вместе с popup.js.Из этого popup.js я хочу отправить сообщение на текущую активную вкладку.Я не могу понять, как получить активную вкладку.

Мой код в popup.js выглядит следующим образом: 

window.onload = function() {
  console.log(`popup.js:window.onload`);
  const timeNow = document.getElementById("timeNowId");
  timeNow.innerText = new Date().toLocaleTimeString();
  var resultsButton = document.getElementById("buttonId");
  resultsButton.onclick = () => {
    chrome.runtime.sendMessage(
      "FromPopupToBackgroundToContent:" + timeNow.innerText,
      function(response) {
        response === undefined
          ? alert("popup.js:return from sendMessage:undefined")
          : alert("popup.js:return from sendMessage:", response);
      }
    );
  };
};

Полный, нерабочий пример этого репозитория github в этой ветке связан с.

https://github.com/pkellner/chrome-extension-message-popup-to-content/tree/feature-popup-to-content-directly-getcurrent

1 Ответ

0 голосов
/ 22 июня 2019

Пример:

popup.js 

 function popup() {
    chrome.tabs.query({currentWindow: true, active: true}, function (tabs){
    var activeTab = tabs[0];
    chrome.tabs.sendMessage(activeTab.id, {"message": "start"});
   });
}

document.addEventListener("DOMContentLoaded", function() {
  document.getElementById("button1").addEventListener("click", popup);
});

content.js 

chrome.runtime.onMessage.addListener(
      function(request, sender, sendResponse) {
        if( request.message === "start" ) {
         start();
             }
      }
    );

    function start(){
        alert("started");
    }

popup.html 

<!DOCTYPE html>
<html>
    <head></head>
    <script src="popup.js"></script>
    <body>
        <input id="button1" type=button value=clickme>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...