在Google Chrome扩展程序中显示加载页面

Question

我为此搜索了高低，但无论我做什么，这似乎都不起作用。我有一个谷歌浏览器扩展程序，它使用background.js文件发送XHR请求。现在我的要求是我需要在xhr请求正在进行时显示一个小的加载图标。是否有任何教程解释如何执行此操作。我尝试了一个iframe，但随着整个popup.html扩展，它看起来很难看。 jquery是我唯一的选择，因为这意味着只为简单的动画添加了大量的当前项目。

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;

}