Chrome 扩展 - Chrome 启动时执行代码

Question

我正在开发一个 Chrome 扩展，我正在研究如何在 chrome 启动时执行代码。

我有这些文件：

script.js
index.html
manifest.json

在 script.js 中我有：

$(document).ready(function() {
    $.getJSON("https://api.twitch.tv/kraken/streams/"+"NameOfStreamer",function(c) {
        if (c.stream == null) {
            ...
        } else {
            ...
        }
    });
});

我不想在 HTML 完成渲染时执行此代码，而是在 Chrome 首先启动时执行此代码，然后每分钟重新运行一次。

这和$(document).ready()的想法相同，但在Chrome启动时执行。

Answer 1

请先阅读Architecture Overview。这不是很长的文字，但非常重要。

一个弹出窗口只有在打开时才存在；没有代码可以运行。

background page 是解决方案：它是一个不可见的页面，在 Chrome 启动后立即创建，并在 Chrome 的整个生命周期内继续运行。

---

实施：

在您的清单中，声明您的后台脚本（按加载顺序）：

"background" : {
  "scripts": ["jquery.js", "background.js"]
},

代码将在 Chrome 启动后立即运行。不需要 $(document).ready 包装器：

$.getJSON("https://api.twitch.tv/kraken/streams/"+"NameOfStreamer", function(c) {
  /* ... */
});

如果你需要重复，你可以使用chrome.alarms API或者干脆DOM intervals：

getData();
setInterval(getData, 60000); // Once every minute

function getData() {
  $.getJSON("https://api.twitch.tv/kraken/streams/"+"NameOfStreamer", function(c) {
    /* ... */
  });
}

---

这样就解决了获取更新数据的问题。但是后台页面是不可见的。如果要显示数据，可以使用 browserAction 弹出窗口。

这样，您可以将扩展分为处理数据（背景）的部分和显示数据的弹出窗口。

您必须以某种方式从后台请求数据；如何做到这一点对于这个问题来说太宽泛了，但是您可以使用Messaging API 或直接使用chrome.runtime.getBackgroundPage() 访问后台页面。您还可以将数据存储在chrome.storage 中，可从弹出窗口访问。这可能不是一个详尽的列表。

或者，根据您的需要，您可能需要查看notifications。

Answer 2

你需要使用铬的onCreated事件：

chrome.windows.onCreated.addListener(function() {
    //do stuff
});

Docs for event onCreated