Chrome扩展程序 - 仅在加载时显示div

Question

我在使用Chrome扩展程序时遇到问题。单击浏览器中的图标时，会加载扩展名。这很正常。但是如果你想先在那里放置你的徽标呢？

就像iOS设备上的应用程序一样：首先显示徽标，然后加载应用程序。

所以我<div class="loader"></div>中有div popup.html。这个div使屏幕全白，我的徽标在中间，1秒后消失并显示内容。

但现在：是否可以仅在加载时显示<div class="loader"></div>，而不是在加载popup.html时始终显示？{/ p>

Answer 1

如果我理解正确，你可以这样做：

在您的背景页面中：

localStorage['onLoadingFirstTime'] = 'true';

因此，每次启动浏览器时，变量都存储在localstorage中，其值为＆＃39; true＆＃39;。这意味着你第一次。

在popup.js之后，您可以编写如下内容：

document.addEventListener('DOMContentLoaded', function(e) {
    if (localStorage['onLoadingFirstTime'] == 'true') {
        document.getElementsByClassName('loader')[0].style.visibility = 'visible';
        localStorage['onLoadingFirstTime'] = 'false';
    } else {
        document.getElementsByClassName('loader')[0].style.visibility = 'hidden';
    }
});

所以在popup.js中，当它完全被标记时，你可以检查存储在localstorage中的变量的值：

如果是（意味着第一次），则将此值设置为false并显示您的div。

如果不是（表示您点击扩展名的次数或次数），则隐藏div。

我希望这可以解决你的问题。