cari

Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa Acara Klik Pop Timbul Sambungan Chrome Saya Tidak Dicetuskan?

Mengapa Acara Klik Pop Timbul Sambungan Chrome Saya Tidak Dicetuskan?

Susan Sarandon
Susan Sarandonasal
2024-11-26 06:51:14430semak imbas

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>

popup.js

var a = 0;
function count() {
    a++;
    document.getElementById('demo').textContent = a;
}
document.getElementById('do-count').onclick = count;

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!

JavaScript chrome html xss for while select Error Event JS default this innerHTML issue
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Modal lwn DialogArtikel seterusnya：Modal lwn Dialog

Artikel berkaitan

Lihat lagi