Mengapa Acara Klik Pop Timbul Sambungan Chrome Saya Tidak Berfungsi?

Timbul Sambungan Chrome Tidak Berfungsi: Acara Klik Tidak Dikendali

Untuk menyelesaikan isu acara klik yang tidak dikendalikan dalam tetingkap timbul sambungan Chrome, mari kita mendalami punca dan penyelesaiannya.

Masalah Penjelasan:

Apabila JavaScript sebaris digunakan dalam halaman HTML pop timbul, seperti dalam kod yang disediakan, ia boleh bercanggah dengan Dasar Keselamatan Kandungan (CSP) lalai yang dikuatkuasakan oleh sambungan Chrome. Dasar ini mengehadkan pelaksanaan skrip sebaris atas sebab keselamatan. Akibatnya, kod JavaScript yang bertanggungjawab untuk mengendalikan acara klik mungkin tidak dilaksanakan, membawa kepada butang tidak berfungsi atau interaksi berasaskan klik yang lain.

Penyelesaian:

Untuk menangani isu ini, ikut langkah berikut:

1. Alih Keluar JavaScript Sebaris: Alih Keluar sebarang JavaScript sebaris hadir dalam halaman HTML pop timbul.
2. Buat Fail JavaScript Berasingan: Letakkan kod JavaScript yang mengendalikan acara klik dan fungsi lain ke dalam fail JavaScript yang berasingan (mis., popup.js ).
3. Sertakan Fail JavaScript: Tambahkan teg skrip HTML pada halaman HTML pop timbul untuk memasukkan fail JavaScript luaran.

Berikut ialah coretan kod yang dikemas kini:

hello.html (Timbul Timbul Halaman):

...
<button type="button">

popup.js:

var a = 0;

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

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

Nota:

Selain itu, pastikan bahawa fail manifest.json dengan betul menentukan halaman HTML pop timbul dan termasuk yang berkaitan kebenaran:

manifest.json:

...
"browser_action": {
  "default_icon": "icon.png",
  "default_popup": "hello.html",
  "permissions": ["activeTab"]
}
...

Dengan mengikut langkah ini, anda boleh memastikan acara klik dikendalikan dengan betul dalam pop timbul sambungan Chrome sambil mematuhi Garis panduan CSP Chrome untuk amalan terbaik 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!