An error is prompted when JavaScript events are dynamically bound to the Chrome extension page.

Problem description:

When developing chromeexpansion, when the page's popup.html needs JavaScript code, the following message is displayed when you directly write JavaScript code in dynamic binding js events:

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

Solution:

Reference external js files in popup.html to dynamically bind JS events. For example:
Copy codeThe Code is as follows:
<Script type = "text/javascript" charset = "UTF-8" src = 'test. js'> </script>

In test. js:
Copy codeThe Code is as follows:
Var listbox = document. getElementById ("showlist ");
Listbox. onclick = function (){
Document. getElementById ("player_sidebar"). style. width = 100;
}