动态更新popup.html内容

Vin*_*uri 0 javascript popup google-chrome-extension google-chrome-devtools

我正在从内容脚本发送消息到弹出窗口,并试图在单击扩展名时显示收到的消息。

在此处输入图片说明

我可以看到仅当我检查弹出窗口时才收到消息
在此处输入图片说明

contentscript.js

    console.log("content script");      

    chrome.runtime.sendMessage("hello",function(response)
    {
        console.log("sending message");        
    });
Run Code Online (Sandbox Code Playgroud)

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);
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

我想接收该消息并在单击时显示该消息,而不必打开控制台。我该如何实现。