Warum kann ich in meiner Chrome-Erweiterung keine lokalen Bilder mit CSS laden?

Lokale Bilder können nicht mit CSS in Google Chrome-Erweiterungen geladen werden

Frage:

A Der Entwickler hat ein Problem in einer Chrome-Erweiterung, bei dem lokale Bilder nicht mit CSS geladen werden können, obwohl sie in die Chrome-Erweiterung gepackt sind Erweiterung.

Antwort:

In Chrome-Erweiterungen können Bilder mit dem chrome-extension://-Protokoll geladen werden, gefolgt von der ID der Erweiterung und dem Pfad zur Bild. Die Bilder müssen auch im Abschnitt „web_accessible_resources“ der Manifestdatei der Erweiterung aufgeführt sein.

Hier ist eine Beispiel-CSS-Regel, die ein lokales Bild korrekt lädt:

body {
    background-image: url('chrome-extension://__MSG_@@extension_id__/images/main.png') !important;
    background-repeat: repeat !important;
}

Dabei wird davon ausgegangen, dass sich das Bild befindet in einem „images“-Ordner innerhalb der Erweiterung und wurde im Manifest wie folgt deklariert:

"web_accessible_resources": ["images/main.png"]

Durch Befolgen dieses Ansatzes werden lokale Bilder angezeigt kann mithilfe von CSS erfolgreich in Google Chrome-Erweiterungen geladen werden.

Das obige ist der detaillierte Inhalt vonWarum kann ich in meiner Chrome-Erweiterung keine lokalen Bilder mit CSS laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!