suchen

Heim  >  Artikel  >  Web-Frontend  >  Warum schlagen meine Popup-Klickereignisse für die Chrome-Erweiterung aufgrund eines Verstoßes gegen die Inhaltssicherheitsrichtlinie fehl?

Warum schlagen meine Popup-Klickereignisse für die Chrome-Erweiterung aufgrund eines Verstoßes gegen die Inhaltssicherheitsrichtlinie fehl?

Susan Sarandon
Susan SarandonOriginal
2024-11-25 03:37:12147Durchsuche

Why Are My Chrome Extension Popup Click Events Failing Due to a Content Security Policy Violation?

Erweiterungs-Popup-Klickereignisse fehlschlagen: Verstoß gegen die Inhaltssicherheitsrichtlinie wird behoben

Fehlerbeschreibung

Klicken Sie in einer Chrome-Erweiterung auf Ereignisse sowohl auf dem Erweiterungssymbol als auch auf Eine Schaltfläche auf der Popup-Seite generiert nicht die erwartete Reaktion beim Erhöhen einer JavaScript-Variable.

Inspizieren des Stammverzeichnisses Ursache

Um das Problem zu beheben, überprüfen Sie die Popup-Seite und untersuchen Sie die Konsolenprotokolle. Die Fehlermeldung weist wahrscheinlich auf einen Verstoß gegen die Content Security Policy (CSP) hin:

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".

Kompromittierte CSP-Konformität

Inline-Skripte innerhalb der HTML-Seite verstoßen gegen den Standard-CSP. Inline-JavaScript ist gemäß dieser Richtlinie nicht zulässig.

Lösung: JavaScript isolieren

Um das Problem zu beheben, entfernen Sie das gesamte Inline-JavaScript aus der HTML-Datei und platzieren Sie es in einer separaten JavaScript-Datei.

Überarbeitete Codestruktur

hello.html (Popup Seite)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>

popup.js

var a = 0;
function count() {
  a++;
  document.getElementById('demo').textContent = a;
}
document.getElementById('do-count').onclick = count;

Notizen

  • Ersetzen Sie innerHTML durch textContent, wenn Sie Text in ändern Reduzieren Sie potenzielle XSS-Schwachstellen.
  • Diese Lösung stellt die Einhaltung von CSP sicher und ermöglicht ein ordnungsgemäßes Skript Ausführung und Handhabung von Klickereignissen.

Das obige ist der detaillierte Inhalt vonWarum schlagen meine Popup-Klickereignisse für die Chrome-Erweiterung aufgrund eines Verstoßes gegen die Inhaltssicherheitsrichtlinie fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript chrome html xss Error Event console default this innerHTML issue
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie kann ich das Problem mit der Methode „indexOf“ für Arrays in IE8 beheben?Nächster Artikel：Wie kann ich das Problem mit der Methode „indexOf“ für Arrays in IE8 beheben?

In Verbindung stehende Artikel

Mehr sehen