动态更新popup.html内容

时间:2015-05-27 18:55:41

标签: javascript google-chrome-extension popup google-chrome-devtools

我正在从内容记录弹出窗口发送消息,并在点击扩展程序时尝试显示收到的消息。

enter image description here

我可以看到只有在检查弹出窗口时才收到该消息  enter image description here

contentscript.js

    console.log("content script");      

    chrome.runtime.sendMessage("hello",function(response)
    {
        console.log("sending message");        
    });

popup.js

console.log("popup script");   

function onReq(request, sender, sendResponse)
{
  ph=request;
    console.log("msg: "+request);
  document.getElementById("para").innerHTML = "msg: "+request;
}

chrome.runtime.onMessage.addListener(onReq);

popup.html

<!doctype html>
<html>
  <head>
    <title>Example</title>

  </head>
  <body>
    <div id="status"></div>
    <p id="para">shows received message here</p>
  </body>
   <script src="popup.js"></script>
</html>

我想收到消息并在点击时显示消息而无需打开控制台。 我怎样才能做到这一点。

1 个答案:

答案 0 :(得分:4)

每次打开/关闭弹出窗口时都会创建/销毁弹出窗口。因此,在关闭时向其发送消息将不起作用。一个简单的解决方案是将最新消息存储在chrome.storage中,并从弹出窗口中读取值。