img zum Button hinzufügen

[AndreasB]

Hast du mal versucht die resource zu whitelisten?

In deiner manifest: (Das ist für Manifest v2)

Code:

"web_accessible_resources": ["gehen.png"]

[Oly]

nein, habe ich nicht.
Folgenden Tipp habe ich im Netz gefunden. Habe die Base64 Variante verwendet und es klappt.

Code:

Um einen relativen Pfad innerhalb eines App-/Erweiterungsinstallationsverzeichnisses in eine vollständig qualifizierte URL zu konvertieren, können Sie Folgendes verwenden:

const url = chrome.runtime.getURL('./your-relative-path-here');
In diesem Fall müssen Sie dieses Asset jedoch wahrscheinlich in der Manifestdatei als über das Internet zugängliche Ressource markieren (Details finden Sie hier ).

Die andere Möglichkeit (die einfachste, glaube ich) besteht darin, Ihr Bild in Base64 zu konvertieren. Viele Encoder sind online verfügbar

<img src="data:image/png;base64,aBVORw..." />

---

würde deine Tipp auch gerne versuchen. Klappt das auch für V3? Muss jetzt los zur Arbeit, bis später. Danke

[AndreasB]

V3 sieht ein wenig anderes aus: https://developer.mozilla.org/en-US/docs..._v3_syntax

Habe die Base64 Variante verwendet und es klappt.

Ja, Base64 ist die Holzhammer-Methode. Wäre mein nächster Vorschlag gewesen.

[Oly]

so, kurze Rückinfo.

Man muss definitiv in der Manifest(indem Falle V3) folgendes eintragen. Wichtig dabei ist, das Matches mit angegeben wird.

Code:

"web_accessible_resources": [
    {
      "resources": [ "test1.png", "test2.png" ],
      "matches": [ "https://web-accessible-resources-1.glitch.me/*" ]
    }

dann läuft meine Version und auch die von @"rzscout"

[rzscout]

so, kurze Rückinfo.

Man muss definitiv in der Manifest(indem Falle V3) folgendes eintragen. Wichtig dabei ist, das Matches mit angegeben wird.

Code:

"web_accessible_resources": [
    {
      "resources": [ "test1.png", "test2.png" ],
      "matches": [ "https://web-accessible-resources-1.glitch.me/*" ]
    }

dann läuft meine Version und auch die von @"rzscout"

@"Oly" Verwende lieber meine Methode. Die ist sauberer und führt nicht zu Problemen mit dem DOM.