img zum Button hinzufügen

img zum Button hinzufügen - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Add-ons (https://javascript-forum.de/forumdisplay.php?fid=31)
+--- Forum: Hilfe bei Add-ons programmieren (https://javascript-forum.de/forumdisplay.php?fid=49)
+--- Thema: img zum Button hinzufügen (/showthread.php?tid=2420)

Seiten: Seiten: 1 2

RE: img zum Button hinzufügen - AndreasB - 16.06.2023

Hast du mal versucht die resource zu whitelisten?

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

Code:
"web_accessible_resources": ["gehen.png"]

RE: img zum Button hinzufügen - Oly - 16.06.2023

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

RE: img zum Button hinzufügen - AndreasB - 16.06.2023

V3 sieht ein wenig anderes aus: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resources#manifest_v3_syntax

Zitat:Habe die Base64 Variante verwendet und es klappt.

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

RE: img zum Button hinzufügen - Oly - 16.06.2023

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"

RE: img zum Button hinzufügen - rzscout - 17.06.2023

(16.06.2023, 20:55)Oly schrieb: 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.