Chrome 扩展 - 等待弹出窗口直到脚本完成

Question

我正在尝试做一个 Chrome 扩展，一切都很顺利，除了在弹出窗口的内容被 javascript(XMLHttpRequest - asynchronous) 填充之前我看到一个小的空白弹出窗口那还没有被填满。

即

在代码中，我只是使用document.getElementById 来填充HTML。所以看起来像

HTML:

  <body>
    <div id="status"></div>
  </body>

JS:

document.getElementById('status').innerHTML = 'content of the request';

我知道这是从哪里来的，因为弹出窗口最初是空白的，它显示 javascript(XMLHttpRequest) 完成之前的小空白框。但是我怎样才能让它等到请求完成呢？

Answer 1

您无法手动显示 browser/page 操作弹出窗口。此功能将不会实现：source.

最简单的解决方案是在弹出窗口的 html 中添加加载轮 gif。它将显示弹出窗口，直到请求完成后您的代码更改了内容。

另一种解决方案是在用户单击 browser/page 操作时显示弹出窗口（不是 browser/page 操作弹出窗口）。这样您就可以等待请求显示您的弹出窗口。

Chrome extension - wait popup until script is done