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

Mengapa Acara Klik Butang Pop Timbul Sambungan Chrome saya Tidak Berfungsi?

Patricia Arquette

Lepaskan： 2024-11-25 18:19:11

asal

671 orang telah melayarinya

Why is my Chrome Extension Popup Button Click Event Not Working?

Menyelesaikan Masalah Pop Timbul Sambungan dengan Peristiwa Klik Dilumpuhkan

Apabila membangunkan sambungan Chrome, ada kemungkinan untuk menghadapi situasi di mana pop timbul tidak bertindak balas atau peristiwa klik tetikus tidak dikendalikan. Isu ini boleh menghalang sambungan daripada berfungsi dengan betul.

Penerangan Masalah:

Seorang pengguna telah mencipta pop timbul sambungan Chrome yang mengandungi butang untuk menambah pembolehubah pada klik. Walau bagaimanapun, klik butang tidak mencetuskan kelakuan yang dijangkakan untuk menambah pembolehubah. Fail manifest.json dan kod halaman HTML untuk pop timbul disediakan:

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

hello.html (Popup Halaman):

<!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

Penyiasatan:

Siasatan mendedahkan bahawa isu itu disebabkan oleh Dasar Keselamatan Kandungan (CSP) lalai yang dikuatkuasakan oleh Chrome. CSP melarang pelaksanaan JavaScript sebaris, yang digunakan dalam halaman HTML pop timbul untuk mengendalikan acara klik.

Penyelesaian:

Untuk menyelesaikan isu, JavaScript sebaris daripada fail HTML dialih keluar dan diletakkan dalam fail JS yang berasingan:

hello.html (Popup 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

Dengan perubahan ini, pop timbul kini akan menambah pembolehubah seperti yang dijangkakan apabila butang diklik.

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