Javascript 更新document.readyState更改上的小部件

当页面加载到选项卡中时，我想将我的小部件图标（改为ajax loader.gif）。 这意味着，在我打开一个新选项卡后，我想要我的标准小部件图标，但在我输入http地址并按enter键后，我想要显示gif动画，直到页面加载完成。加载完成后，图标会根据分数进行更改（此操作已经生效）。我该怎么做

感谢您帮助我

SDK已经介绍了如何使用模块获取各种选项卡事件的通知：

---

显示一些不工作的代码可以改善这个问题。

var tabs = require("sdk/tabs");
tabs.on('open', function(tab){
  tab.on('ready', function(tab){
    console.log("DOM is ready", tab.url, );
    console.log("Tab is actually active", tab == tabs.activeTab);
  });
});