콘텐츠 보안 정책 위반으로 인해 Chrome 확장 프로그램 팝업 클릭 이벤트가 실패하는 이유는 무엇입니까?
- Susan Sarandon원래의
- 2024-11-25 03:37:12148검색
확장 팝업 클릭 이벤트 실패: 콘텐츠 보안 정책 위반 해결
오류 설명
Chrome 확장 프로그램에서 확장 프로그램 아이콘과 모두에서 이벤트를 클릭하세요. 팝업 페이지 내의 버튼이 JavaScript 증가에 대한 예상 응답을 생성하지 않습니다. 변수.
근본 원인 검사
문제를 디버깅하려면 팝업 페이지를 검사하고 콘솔 로그를 검사하세요. 오류 메시지는 콘텐츠 보안 정책(CSP) 위반을 나타냅니다.
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".
손상된 CSP 규정 준수
HTML 페이지 내의 인라인 스크립트가 기본 CSP를 위반합니다. 이 정책에서는 인라인 JavaScript가 허용되지 않습니다.
해결책: JavaScript 격리
문제를 해결하려면 HTML 파일에서 모든 인라인 JavaScript를 제거하고 별도의 JavaScript 파일에 저장하세요.
수정된 코드 구조
hello.html(팝업 페이지)
<!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;
Notes
- 텍스트를 다음으로 변경할 때 innerHTML을 textContent로 바꾸세요. 잠재적인 XSS 취약점을 완화합니다.
- 이 솔루션은 규정 준수를 보장합니다. CSP를 사용하면 적절한 스크립트 실행 및 클릭 이벤트 처리가 가능합니다.
위 내용은 콘텐츠 보안 정책 위반으로 인해 Chrome 확장 프로그램 팝업 클릭 이벤트가 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.