如何在Chrome扩展程序弹出窗口中添加加载程序？

Question

我正在开发chrome扩展程序并加载iframe，因为问题是，当我单击扩展程序图标时，要花一些时间才能显示弹出窗口。实际上，它正在等待iframe加载。加载iframe后，会弹出一个窗口。

所以当有人单击图标并显示加载程序直到iframe加载时，我想打开弹出窗口。

提前感谢。

Answer 1

您需要定义两个函数showIcon和hideIcon。

function showIcon() {
   document.getElementById('loading').style.display ='block';
 } 

 function hideIcon() {
   document.getElementById('loading').style.display ='none';
 }

您在发出xhr请求时执行showIcon，然后在xhr返回时调用hideIcon。

// html

<div id="loading">Loading</div>

// css

#loading{
text-indent:-9999px
background-image:url('loading.gif');
display:none;
}