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

Mengapa Acara Klik Pop Timbul Sambungan Chrome Saya Tidak Dicetuskan?

Susan Sarandon

Lepaskan： 2024-11-26 06:51:14

asal

503 orang telah melayarinya

Why Aren't My Chrome Extension Popup's Click Events Firing?

Peristiwa Klik Pop Timbul Sambungan Chrome Tidak Dicetuskan: Menyelesaikan Pelanggaran Dasar Keselamatan Kandungan

Timbul timbul sambungan Chrome anda tidak bertindak balas kepada klik butang, menghalang tingkah laku yang dimaksudkan. Penyebabnya terletak pada Dasar Keselamatan Kandungan (CSP) lalai yang dikuatkuasakan oleh penyemak imbas.

Memahami Masalah

Untuk nyahpepijat isu, klik kanan pada butang timbul dan pilih "Periksa pop timbul." Anda akan menemui mesej ralat yang menyatakan bahawa skrip sebaris melanggar arahan CSP "skrip-src". Ini menerangkan sebab peristiwa klik tidak dicetuskan.

Penyelesaian: Mengasingkan Kod JavaScript

Untuk membetulkan isu, alihkan semua kod JavaScript sebaris daripada fail HTML ke dalam fail HTML yang berasingan fail JS. Ini mengikut keperluan CSP dengan mengasingkan skrip daripada dokumen HTML.

Kod Disemak:

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

Nota: Gantikan innerHTML dengan textContent dalam kes yang anda ingin lakukan mengubah suai teks. Walaupun ini tidak kritikal dalam contoh ini, adalah disyorkan untuk menggunakan textContent untuk keselamatan yang dipertingkat (mitigasi XSS) dalam aplikasi yang kompleks.

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