如何添加加载器在chrome扩展弹出

How to add loader in chrome extension popup?

本文关键字:chrome 扩展 加载 何添加 添加      更新时间:2023-09-26

我正在开发chrome扩展和加载iframe的问题是,当我点击扩展图标,它需要时间来显示弹出。实际上是等待iframe加载。当iframe加载,然后弹出打开。

所以我想打开弹出,当有人点击图标和显示加载器,直到iframe加载。

需要定义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;
}