Firefox Webextension-确认功能会导致扩展弹出弹出立即关闭

Question

我想将现有功能的 chrome 扩展扩展到 firefox ，除了 confirm()函数行为外，一切似乎都起作用。<<<<<<<<<<

用户单击弹出窗口中的特定按钮时，要求他确认操作。

chrome 成功提示对话框，然后在单击"确定"或"取消"按钮后立即恢复布尔值，执行了与返回的布尔值相关的代码。

另一方面，

Firefox 行为感到越野车。确认对话框也会提示，但扩展弹出窗口立即被驳回，阻止了点击事件处理程序中的进一步代码执行。

subtest.json ： …, "default_popup": "popup.html", …

popup.html ：

  …
  <script src="js/popup.js"></script>
</body>

popup.js ：

removeButton.addEventListener('click', function () {
  // Firefox: calling confirm() closes the popup.html page ...
  // ... terminating event handler code
  if (confirm("Please confirm you wish to remove this item.")) {
    // …
  }
});

有什么关系，还是我应该停止使用confirm()并找到解决方法？

编辑 - 解决方案

作为解决方法，当单击按钮并每秒更改标题时，我设置了3秒钟的倒计时。在时间开始之前，如果用户再次单击，则最终操作将被取消，否则将执行最终操作。

let log = document.querySelector('p')
    ,resetInterval = null
    ;
document.getElementById('resetbtn').addEventListener('click', function(e) {
  if (!resetInterval) {
      // Create a countdown and delete data when time is up.
      e.target.content = e.target.innerHTML;
      resetInterval = setInterval( function() {
          var counter = +(e.target.innerHTML.trim().match(/d+/)||[4])[0];
          if (counter == 1) {
              // Sending command to bacground page
              // chrome.runtime.sendMessage({command:'remove'}, function (){
              e.target.innerHTML = e.target.content;
              resetInterval && clearInterval(resetInterval);
              resetInterval = null;
              log.innerHTML = 'Perform action…';
              // });
          } else e.target.innerHTML = 'Reset in '+(counter-1)+'s';
      }, 1000);
      log.innerHTML = '';
  } else {
      resetInterval && clearInterval(resetInterval);
      e.target.innerHTML = e.target.content;
      resetInterval = null;
      log.innerHTML = 'Action aborted';
  }
});

<button type="button" id="resetbtn">Reset</button>
<p></p>

Answer 1

弹出窗口被设计为当您将焦点移到另一个窗口时被解散。您不能在弹出窗口移动焦点并因此消除弹出窗口时使用对话框(新窗口(。