Question

我正在尝试制作Chrome扩展程序，一切顺利，除了在弹出窗口的内容充满javascript（XMLHttpRequest - 异步）之前，我看到一个尚未填充的小空白弹出窗口。

即，

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

HTML：

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

JS：

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

我看到它的来源，因为弹出窗口原来是空白的，它在javascript（XMLHttpRequest）完成之前显示了一个小空白框。但是，如何让它等到请求完成后呢？

Answer 1

您无法手动显示浏览器/页面操作弹出窗口。此功能无法实施：source。

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

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