如何在chrome扩展中存储数据/结果，以及如何使用setTimeout使其只被调用一次

无论何时导航（例如，使用chrome.tabs.update({ url: URL_2 });，但每次导航都会发生这种情况），附加到页面的JS上下文都会被完全删除。您的内容脚本无法保存。

因此，您的内容脚本只是重新启动（因为它是在导航后重新注入的）。此外，计时器不会在页面之间共享，因此您不能从后台取消计时器。

此外，由于它被设置为加载到的每一页，它使浏览不可用：

• 如果任何页面碰巧有#framerate或#fps元素，它将向您的扩展发出信号，选项卡将被劫持
• 如果一个页面没有这样的元素，那么您的脚本在尝试访问null.innerHTML时就会失败，并出现致命错误

一个好的策略是将状态保持在后台页面本身，并以编程方式注入脚本，而不是到处注入。

因此：

1） 从清单中删除内容脚本部分，并将测试的URL添加到"permissions"（注入时需要）。顺便说一下，您不需要"tabs"权限。

2） 制作一个适用于两个页面的通用脚本：

setTimeout(function(){
  var fps_element = document.getElementById("framerate") ||
                    document.getElementById("fps");
  if(fps_element) {
    var fps = fps_element.innerHTML;
    chrome.runtime.sendMessage(
      {"message": "FPS", "frames": fps});
  } else {
    // No such element found; fail somehow
  }
}, 10000);

3） 跟踪状态并根据需要在后台注入脚本：

var test = 0;
chrome.browserAction.onClicked.addListener(function(activeTab){
  if(test == 0) { // Only react if test is not running yet
    chrome.tabs.create({ url: URL_1 }, function(tab) {
      chrome.tabs.executeScript(tab.id, {file: "content.js"});
    });
    test = 1;
  }
});
chrome.runtime.onMessage.addListener(function(msg, sender) {
  if (msg.message === "FPS") {
    switch(test) {
      case 1:
        frames_per_demo.TC1_Result = msg.frames;
        // You really shouldn't use `alert`, since it blocks execution;
        // Try chrome.notifications? Or use console for debugging.
        alert("tc1 " + JSON.stringify(frames_per_demo));
        test = 2;
        chrome.tabs.update(sender.tab.id, { url: URL_2 }, function(tab) {
          chrome.tabs.executeScript(tab.id, {file: "content.js"});
        });
        break;
      case 2:
        frames_per_demo.TC2_Result = msg.frames;
        alert("tc2 " + JSON.stringify(frames_per_demo));
        test = 3;
        chrome.tabs.update(sender.tab.id, { url: URL_3 }, function(tab) {
          chrome.tabs.executeScript(tab.id, {file: "content.js"});
        });
        break;
      case 3:
        frames_per_demo.TC3_Result = msg.frames;
        alert("tc3 " + JSON.stringify(frames_per_demo));
        test = 0;
        chrome.tabs.remove(sender.tab.id);
        break;
      default:
        // Unexpected, fail somehow
    }
  }
});

我留下了你使用的结构代码；如果您切换到使用URL和测试结果的数组，switch可以被抛出以获得更好的代码。

失败留给读者练习。

case 1:
    // Try chrome.notifications? Or use console for debugging.
    frames_per_demo.TC1_Result = msg.frames;
    //alert("tc1 " + JSON.stringify(frames_per_demo));
    test = 2;
    chrome.tabs.update(sender.tab.id, { url: URL_2 }, function(tab) {
      **setTimeout(function(){
      chrome.tabs.executeScript(tab.id, {file: "content.js"});},10000);**
    });
    break;