Chrome 확장 프로그램 페이지 동적 바인딩 JS 이벤트 프롬프트 error_javascript 기술

문제 설명:

Chrome 확장 프로그램을 개발할 때 페이지의 popup.html에 js가 필요한 경우 동적으로 바인딩된 JS 이벤트에 JS를 직접 작성하면 다음 메시지가 표시됩니다.

인라인 스크립트 실행을 거부했습니다. 다음 콘텐츠 보안 정책 지침을 위반하기 때문입니다: “script-src 'self' chrome-extension-resource:”..

해결책:

popup.html에서 외부 js 참조 파일이 동적으로 JS 이벤트를 바인딩합니다. 예:

코드 복사 코드는 다음과 같습니다.

< script type="text/javascript" charset="utf-8" src='test.js'>

test.js:

코드 복사 코드는 다음과 같습니다.

var listbox = document.getElementById("showlist")
listbox. onclick=function (){
document.getElementById("player_sidebar").style.width = 100
}