suchen

Heim >Web-Frontend >js-Tutorial >Warum funktionieren die Popup-Klickereignisse meiner Chrome-Erweiterung nicht?

Warum funktionieren die Popup-Klickereignisse meiner Chrome-Erweiterung nicht?

Susan Sarandon
Susan SarandonOriginal
2024-12-06 01:18:10404Durchsuche

Why Aren't My Chrome Extension Popup Click Events Working?

Behebung von Problemen mit Chrome-Erweiterungs-Popups: Umgang mit Klickereignissen

Beim Erstellen eines Chrome-Erweiterungs-Popups mit JavaScript können Benutzer auf Probleme mit Klickereignissen stoßen nicht richtig gehandhabt. Dies kann auf Verstöße gegen die standardmäßige Content Security Policy (CSP) zurückzuführen sein.

Problembeschreibung:

Ein Entwickler hat eine JavaScript-Variable und eine Schaltfläche innerhalb der Erweiterung erstellt Popup. Beim Klicken auf die Schaltfläche wird erwartet, dass die Variable um 1 erhöht wird. Der Code funktioniert jedoch nicht wie vorgesehen.

Manifest.json-Konfiguration:

{
  "name":"Facebook",
  "version":"1.0",
  "description":"My Facebook Profile",
  "manifest_version":2,
  "browser_action":{
    "default_icon":"google-plus-red-128.png",
    "default_popup":"hello.html"
  }
}

Popup-Seite HTML:

<!DOCTYPE html>
<html>
<head>
  <script>
    var a=0;
    function count()
    {
      a++;
      document.getElementById("demo").innerHTML=a;
      return a;
    }
  </script>
</head>
<body>
  <p>

Erklärung:

Das Problem entsteht durch das Vorhandensein von Inline-JavaScript in der HTML-Datei. Inline-JavaScript ist vom Standard-CSP verboten.

Lösung:

Um dieses Problem zu lösen, verschieben Sie das gesamte Inline-JavaScript in eine separate JS-Datei.

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;

Zusätzlicher Hinweis:

Verwendung textContent anstelle von innerHTML beim Ändern von Textinhalten, um potenzielle Sicherheitslücken zu vermeiden.

Das obige ist der detaillierte Inhalt vonWarum funktionieren die Popup-Klickereignisse meiner Chrome-Erweiterung nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript json chrome html JS 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 öffne ich lokale HTML-Dateien sicher in Chrome?Nächster Artikel：Wie öffne ich lokale HTML-Dateien sicher in Chrome?

In Verbindung stehende Artikel

Mehr sehen