एक्सटेंशन पॉपअप क्लिक इवेंट विफल: सामग्री सुरक्षा नीति उल्लंघन का समाधान

त्रुटि विवरण

क्रोम एक्सटेंशन में, एक्सटेंशन आइकन और दोनों पर इवेंट पर क्लिक करें पॉपअप पेज के भीतर एक बटन जावास्क्रिप्ट वैरिएबल को बढ़ाने की अपेक्षित प्रतिक्रिया उत्पन्न नहीं कर रहा है।

रूट का निरीक्षण कारण

समस्या को डीबग करने के लिए, पॉपअप पेज का निरीक्षण करें और कंसोल लॉग की जांच करें। त्रुटि संदेश संभवतः सामग्री सुरक्षा नीति (सीएसपी) उल्लंघन का संकेत देता है:

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".

समझौता किया गया सीएसपी अनुपालन

एचटीएमएल पेज के भीतर इनलाइन स्क्रिप्ट डिफ़ॉल्ट सीएसपी का उल्लंघन करती हैं। इस नीति के तहत इनलाइन जावास्क्रिप्ट की अनुमति नहीं है।

समाधान: जावास्क्रिप्ट को अलग करना

समस्या को हल करने के लिए, HTML फ़ाइल से सभी इनलाइन जावास्क्रिप्ट को हटा दें और इसे एक अलग जावास्क्रिप्ट फ़ाइल में रखें।

संशोधित कोड संरचना

hello.html (पॉपअप पेज)

popup.js

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

Notes

• संभावित XSS कमजोरियों को कम करने के लिए टेक्स्ट बदलते समय insideHTML को textContent से बदलें।
• यह समाधान सीएसपी का अनुपालन सुनिश्चित करता है, उचित स्क्रिप्ट निष्पादन और क्लिक इवेंट हैंडलिंग को सक्षम बनाता है।