google-chrome - 在 google chrome 扩展程序中显示加载页面

Question

我已经为此进行了高低搜索，但无论我做什么，这似乎都不起作用。我有一个 google chrome 扩展，它使用 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;

}