与其在 cmets 中争论某种方法更好，不如让我更具建设性，并通过显示我自己合写的 particular implementation 添加答案，并解释一些你可能运行的陷阱进入。 代码 sn-ps 指的是与 Twitter 不同的服务，但目标是相同的。实际上，此代码的目标是报告未读消息的确切数量，因此您的可能更简单。 p>
我的方法基于 SO 上的an answer，而不是 轮询驱动（以固定间隔检查条件）是 事件驱动（通知条件的潜在变化）。
优点包括立即检测到更改（否则在下一次轮询之前不会检测到），并且在条件不变的情况下不会在轮询上浪费资源。诚然，第二个论点在这里几乎不适用，但第一个仍然成立。
架构一目了然：
将内容脚本注入相关页面。
分析标题的初始状态，通过sendMessage向后台页面报告。
为标题更改事件注册一个处理程序。
每当事件触发并调用处理程序时，分析标题的新状态，通过sendMessage向后台页面报告。
第 1 步已经有问题了。正常的内容脚本注入机制，当内容脚本在清单中定义时，会在导航到与 URL 匹配的页面时将其注入页面。
"content_scripts": [
{
"matches": [
"*://theoldreader.com/*"
],
"js": ["observer.js"],
"run_at": "document_idle"
}
]
这很好用，直到你的扩展被重新加载。这可能发生在开发中，因为您正在应用所做的更改，或者在部署的实例中，因为它是自动更新的。然后发生的情况是内容脚本不会重新注入现有的打开页面（直到发生导航，如重新加载）。因此，如果您依赖基于清单的注入，您还应该考虑在扩展初始化时将编程注入包含到已打开的选项卡中：
function startupInject() {
chrome.tabs.query(
{url: "*://theoldreader.com/*"},
function (tabs) {
for (var i in tabs) {
chrome.tabs.executeScript(tabs[i].id, {file: "observer.js"});
}
}
);
}
另一方面，在扩展重新加载时处于活动状态的内容脚本实例不会终止，而是孤立：任何sendMessage 或类似请求都会失败。因此，建议在尝试与父扩展通信时始终检查异常，如果失败则自行终止（通过删除处理程序）：
try {
chrome.runtime.sendMessage({'count' : count});
} catch(e) { // Happens when parent extension is no longer available or was reloaded
console.warn("Could not communicate with parent extension, deregistering observer");
observer.disconnect();
}
第 2 步也有问题，不过这取决于您正在观看的服务的具体情况。内容脚本范围内的部分页面不会显示未读条数，但不代表没有新消息。
在观察了 Web 服务的工作方式后，我得出结论，如果标题更改为没有导航的内容，则可以安全地假定新值正确，但对于初始标题，“没有新项目”应被视为不可靠而忽略。
因此，分析代码说明了它是初始读取还是处理更新：
function notify(title, changed) {
// ...
var match = /^\((\d+)\)/.exec(title);
var match_zero = /^The Old Reader$/.exec(title);
if (match && match[1]) {
count = match[1];
} else if (match_zero && changed) {
count = 0;
}
// else, consider that we don't know the count
//...
}
在第 2 步中使用初始标题和 changed = false 调用它。
第 3 步和第 4 步是“如何观察标题更改”的主要答案（以事件驱动的方式）。
var target = document.querySelector('head > title');
var observer = new window.MutationObserver(
function(mutations) {
mutations.forEach(
function(mutation){
notify(mutation.target.textContent, true);
}
);
}
);
observer.observe(target, { subtree: true, characterData: true, childList: true });
有关设置observer.observe 某些选项的具体原因，请参阅original answer。
请注意，notify 是用 changed = true 调用的，因此从“(1) The Old Reader”到“The Old Reader”没有导航被认为是“真实”更改为零未读消息。