google-chrome - GoogleChrome拡張機能で読み込みページを表示する

Question

私はこれを高低で検索しましたが、これを何をしてもうまくいかないようです。background.jsファイルを使用してXHRリクエストを送信するGoogleChrome拡張機能があります。今の私の要件は、xhrリクエストの進行中に小さな読み込みアイコンを表示する必要があることです。これを行う方法を説明するチュートリアルはありますか？iframeを試しましたが、popup.html全体が展開されると展開すると見苦しくなります。jqueryは、ここでの唯一のオプションです。これは、単純なアニメーションのためだけに、現在のプロジェクトに多くのサイズを追加することを意味するためです。

Answer 1

2つの関数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;

}