Chrome擴展頁面動態(tài)綁定JS事件提示錯誤
更新時間:2014年02月11日 10:08:53 作者:
開發(fā)Chrome擴展時,頁面的popup.html中需要js的時候,直接將JS寫在動態(tài)綁定JS事件會提示錯誤,下面有個不錯的解決方法,大家可以參考下
問題描述:
當開發(fā)Chrome擴展時,頁面的popup.html中需要js的時候,直接將JS寫在動態(tài)綁定JS事件會提示:
Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self' chrome-extension-resource:”..
解決辦法:
在popup.html中引用外部的js文件動態(tài)綁定JS事件,例如:
<script type="text/javascript" charset="utf-8" src='test.js'></script>
test.js中:
var listbox = document.getElementById("showlist");
listbox.onclick=function(){
document.getElementById("player_sidebar").style.width = 100;
}
當開發(fā)Chrome擴展時,頁面的popup.html中需要js的時候,直接將JS寫在動態(tài)綁定JS事件會提示:
Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self' chrome-extension-resource:”..
解決辦法:
在popup.html中引用外部的js文件動態(tài)綁定JS事件,例如:
復制代碼 代碼如下:
<script type="text/javascript" charset="utf-8" src='test.js'></script>
test.js中:
復制代碼 代碼如下:
var listbox = document.getElementById("showlist");
listbox.onclick=function(){
document.getElementById("player_sidebar").style.width = 100;
}
您可能感興趣的文章:
- js代碼判斷瀏覽器種類IE、FF、Opera、Safari、chrome及版本
- 使用Chrome調(diào)試JavaScript的斷點設置和調(diào)試技巧
- JavaScript無提示關(guān)閉窗口(兼容IE/Firefox/Chrome)
- 解決javascript:window.close()在chrome,Firefox下失效的問題
- 如何實現(xiàn)chrome瀏覽器關(guān)閉頁面時彈出“確定要離開此面嗎?”
- 完美兼容IE,chrome,ff的設為首頁、加入收藏及保存到桌面js代碼
- JQuery自適應IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
- jQuery一步一步實現(xiàn)跨瀏覽器的可編輯表格,支持IE、Firefox、Safari、Chrome、Opera
- 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
- jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- chrome瀏覽器當表單自動填充時如何去除瀏覽器自動添加的默認樣式
- js chrome瀏覽器判斷代碼
- json格式化/壓縮工具 Chrome插件擴展版
- 解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問題
- JavaScript獲取鼠標坐標的函數(shù)(兼容IE、FireFox、Chrome)
- 禁止選中文字兼容IE、Chrome、FF等
- javascript判斷chrome瀏覽器的方法
- Chrome開發(fā)者工具9個調(diào)試技巧詳解
相關(guān)文章
用javascript關(guān)閉本窗口技巧小結(jié)
window.close()是用來關(guān)閉窗口的,而且ie和firefox都是支持的,下面通過示例為大家介紹下用javascript關(guān)閉本窗口2014-09-09圖片輪換效果實現(xiàn)代碼(點擊按鈕停止執(zhí)行)
在這個實例中需要注意的是,要把images文件夾下圖片的命名設置為有順序的,1、2、3..才可以,感興趣的朋友可以參考下2013-04-04