javascript - Chrome 扩展程序 - 背景页面和未读项目

Question

我正在制作我的第一个 chrome 扩展，但在即将结束时我被卡住了。

我从服务器获取 json 响应，输出 html，将其缓存在本地存储中，如果没有再次从服务器获取，则检查是否有缓存，然后显示。

现在。在background.js中，我需要每30分钟检查一次服务器上的json文件中是否有更新...如果有任何显示徽章，一旦单击删除徽章直到下次。但我不知道该怎么办。因为如果我创建一个 setInterval ，它就会到达服务器并始终显示一个徽章，即使没有任何新内容。你能帮我构建js吗？

    <script>
    setInterval(function(){
        chrome.browserAction.setBadgeText({text:chrome.browserAction.setBadgeText({text: "!!!"});});
    }, 1800000);
    </script>

我也尝试过这种方式，但没有任何反应。

function getUnreadItems(callback) {
    $.ajax(..., function(data) {
        process(data);
        callback(data);
    });
}

function updateBadge() {
    getUnreadItems(function(data) {
        chrome.browserAction.setBadgeText({text:data.unreadItems});
    });
}

var pollInterval = 1*60*60; // 60 min
var timerId;

function startRequest() {
    updateBadge();
    timerId = window.setTimeout(startRequest, pollInterval);
}

function stopRequest() {
    window.clearTimeout(timerId);
}

背景.js

onload='startRequest()'

Answer 1

看起来您从未在服务器上将未读项目重置为“已读”，因此每次您 ping 服务器时，它都会回复相同的号码，从而再次显示该号码。

所以你可以做几件事:

• 当您单击按钮并将徽章重置为 0 时，您可以向服务器发送请求以将所有项目标记为已读。哪个请求当然取决于您的服务器及其接受的内容。这样，服务器上的未读计数将始终是最新的，并且您的扩展程序可能非常“愚蠢”:服务器返回的内容都是当前未读项目的数量。

• 如果您无法做到这一点，则必须将一些信息本地保存到您的扩展程序中，并自行计算未读计数。我的意思是，您不仅需要请求未读计数，还需要获取有关特定项目的信息，例如唯一 ID。然后，每次轮询服务器以获取项目列表时，都会将 ID 添加到保存在 localStorage 中的列表中。例如(或 chrome.storage.sync )与 viewed标签设置为false如果该 ID 还不知道。然后，后台脚本将遍历该列表并计算具有 viewed 的项目数。标签设置为false并将其用作未读计数。每当您打开弹出窗口时，您都会浏览整个列表并设置 viewed标记为true适用于您的所有元素。

我已经为 an extension to get your Hulu playlist 做了类似的事情。当我从播放列表中删除视频时，我选择了第一个选项，这样它也会在本地和服务器上删除。我选择了第二个选项，因为我想显示新视频的计数，但 Hulu 不记录这一点。 (它知道已播放和未播放，但不知道我想要的“您已收到此新视频可用的通知”。

特别参见，this section :

// Testing that it's the first time I'm seeing this show
if (show_ids.indexOf(new_show.id) == -1) {
    new_shows_number++;
    new_show.seen = "no";
} else {
    new_show.seen = "yes";
}

这里show_ids是我已保存并标记为在本地查看的 ID 列表。如果new_show.id不在此列表中，这意味着它是未查看的项目。