google-chrome-extension - Chrome 扩展弹出窗口即使在更改其内容后也会重置

Question

在我的 chrome 扩展中，我不得不从后台更改弹出 html。更改会影响然后再次单击扩展图标后，将显示未更改的弹出窗口。为什么？

Answer 1

每次您在弹出窗口外单击时，该窗口都会重置。解决此问题的一种方法是使用您的后台页面来存储 session 数据，在您的 popup.js 中，执行如下操作:

chrome.runtime.getBackgroundPage(function(bg){
  if(bg.myDataHTML){
    document.body.innerHTML = bg.myDataHTML; 
  }
  setInterval(function(){
    bg.myDataHTML = document.body.innerHTML
  },1000);    

  //do the rest of your work here.
})

我通常会在该匿名函数内执行弹出窗口中的所有操作，以便访问在我的后台页面中定义的库。