Chrome擴充頁面動態綁定JS事件提示錯誤_javascript技巧

問題描述：

當開發Chrome擴充時，頁面的popup.html中需要js的時候，直接將JS寫在動態綁定JS事件會提示：

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

解決方法：

在popup.html中引用外部的js檔案動態綁定JS事件，例如：

複製程式碼 程式碼如下:

test.js中：

複製代碼 代碼如下:

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