Mengapa Acara Klik Pop Timbul Sambungan Chrome Saya Tidak Berfungsi?-tutorial js-php.cn

Mengapa Acara Klik Pop Timbul Sambungan Chrome Saya Tidak Berfungsi?

Susan Sarandon

Lepaskan： 2024-12-06 01:18:10

asal

432 orang telah melayarinya

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

Menyelesaikan Isu Pop Timbul Sambungan Chrome: Mengendalikan Peristiwa Klik

Apabila membuat pop timbul sambungan Chrome dengan JavaScript, pengguna mungkin menghadapi isu tentang peristiwa klik tidak dikendalikan dengan betul. Ini mungkin disebabkan oleh pelanggaran Dasar Keselamatan Kandungan (CSP) lalai.

Perihalan Masalah:

Seorang pembangun telah mencipta pembolehubah JavaScript dan butang dalam sambungan timbul. Selepas mengklik butang, pembolehubah dijangka meningkat sebanyak 1. Walau bagaimanapun, kod tidak berfungsi seperti yang dimaksudkan.

Konfigurasi Manifest.json:

{
  "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"
  }
}

Salin selepas log masuk

Halaman Pop Timbul HTML:

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

Salin selepas log masuk

Penjelasan:

Isu ini timbul kerana kehadiran JavaScript sebaris dalam fail HTML. JavaScript sebaris dilarang oleh CSP lalai.

Penyelesaian:

Untuk menyelesaikan masalah ini, alihkan semua JavaScript sebaris ke fail JS yang berasingan.

hello.html (Timbul Halaman):

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

Salin selepas log masuk

popup.js:

var a = 0;

function count() {
  a++;
  document.getElementById('demo').textContent = a;
}

document.getElementById('do-count').onclick = count;

Salin selepas log masuk

Nota Tambahan:

Gunakan textContent dan bukannya innerHTML apabila mengubah suai kandungan teks untuk mengelakkan potensi kelemahan keselamatan.

Atas ialah kandungan terperinci Mengapa Acara Klik Pop Timbul Sambungan Chrome Saya Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!