Injizieren von Javascript in den neu erstellten Tab in der Chrome-Erweiterung

Ich versuche, eine Chrome-Erweiterung zu erstellen, die einen neuen Tab mit einer lokalen "blanksite.html" erstellt und JavaScript-Code einfügt, der grün wird. Folgendes habe ich bisher.

background.js

chrome.browserAction.onClicked.addListener(function(activeTab){

  chrome.tabs.create({'url': chrome.extension.getURL("blanksite.html") }, function(tab) {
    chrome.tabs.executeScript(tab.id, {
      code: 'document.body.style.backgroundColor="green"'
    });
  });
});

manifest.json

{
  "manifest_version": 2,

  "name": "Open Green Google Tab",
  "description": "This extension opens a Green Google tab.",
  "version": "1.0",

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

  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "tabs",
    "activeTab"
  ]
}

Hierdurch wird "blanksite.html" (im wahrsten Sinne des Wortes eine leere HTML-Datei) in einem neuen Tab geöffnet, der Tab wird jedoch nicht grün.

Ich habe die anderen Antworten unter @ gelesChrome-Erweiterung: Tab erstellen und dann ein Inhaltsskript einfügen, daher weiß ich, warum dies nicht funktioniert (Code kann nicht direkt in chrome: // extension pages eingefügt werden); Aber ich war nicht in der Lage, die in den anderen Antworten angegebenen Lösungen für mich zu verwenden. Gibt es einen klaren, vollständigen kleinen Code, der bewirken kann, dass das, was ich tun möchte, funktioniert?

Ich fürchte, ich verstehe die Nachrichtenübermittlung nicht sehr gut. Für jede Lösung, die diese als Ganzes enthält, wäre eine umfassendere Erklärung sehr hilfreich.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage