Chrome擴(kuò)展頁面動(dòng)態(tài)綁定JS事件提示錯(cuò)誤
更新時(shí)間：2014年02月11日 10:08:53 作者：
開發(fā)Chrome擴(kuò)展時(shí)，頁面的popup.html中需要js的時(shí)候，直接將JS寫在動(dòng)態(tài)綁定JS事件會(huì)提示錯(cuò)誤，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下
問題描述：
當(dāng)開發(fā)Chrome擴(kuò)展時(shí)，頁面的popup.html中需要js的時(shí)候，直接將JS寫在動(dòng)態(tài)綁定JS事件會(huì)提示：
Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self' chrome-extension-resource:”..
解決辦法：
在popup.html中引用外部的js文件動(dòng)態(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;
}
當(dāng)開發(fā)Chrome擴(kuò)展時(shí)，頁面的popup.html中需要js的時(shí)候，直接將JS寫在動(dòng)態(tài)綁定JS事件會(huì)提示：
Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self' chrome-extension-resource:”..
解決辦法：
在popup.html中引用外部的js文件動(dòng)態(tài)綁定JS事件，例如：
復(fù)制代碼 代碼如下:
<script type="text/javascript" charset="utf-8" src='test.js'></script>
test.js中：
復(fù)制代碼 代碼如下:
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ǎn)設(shè)置和調(diào)試技巧
- JavaScript無提示關(guān)閉窗口(兼容IE/Firefox/Chrome)
- 解決javascript:window.close()在chrome,Firefox下失效的問題
- 如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁面時(shí)彈出“確定要離開此面嗎？”
- 完美兼容IE,chrome,ff的設(shè)為首頁、加入收藏及保存到桌面js代碼
- JQuery自適應(yīng)IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
- jQuery一步一步實(shí)現(xiàn)跨瀏覽器的可編輯表格，支持IE、Firefox、Safari、Chrome、Opera
- 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
- jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- chrome瀏覽器當(dāng)表單自動(dòng)填充時(shí)如何去除瀏覽器自動(dòng)添加的默認(rèn)樣式
- js chrome瀏覽器判斷代碼
- json格式化/壓縮工具 Chrome插件擴(kuò)展版
- 解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問題
- JavaScript獲取鼠標(biāo)坐標(biāo)的函數(shù)（兼容IE、FireFox、Chrome）
- 禁止選中文字兼容IE、Chrome、FF等
- javascript判斷chrome瀏覽器的方法
- Chrome開發(fā)者工具9個(gè)調(diào)試技巧詳解
相關(guān)文章
本文通過實(shí)例給大家詳細(xì)介紹了jstree的使用技巧，需要的朋友可以參考下本文2016-12-12
BootStrap柵格系統(tǒng)可以把我們的container容器劃分為若干等分，如果想要每個(gè)部分之間留出一定的空隙，那么應(yīng)該怎么解決，本文就來介紹一下2021-08-08
js如何獲取file控件的完整路徑具體實(shí)現(xiàn)代碼
需要隱藏input file然后獲取它的值，但連jquery都無法獲取它的值，下面與大家分享下使用js的具體獲取方法，感興趣的朋友可以參考下哈2013-05-05
這篇文章主要為大家介紹了JavaScript es6的新增數(shù)組方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
這篇文章主要為大家詳細(xì)介紹了純js實(shí)現(xiàn)懸浮按鈕組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
微信小程序web-view不支持打開非業(yè)務(wù)域名https?//XXXX?請重新配置的解決辦法
小程序現(xiàn)在日漸成熟,功能也越來越強(qiáng)大,我們今天來一起看看小程序跳轉(zhuǎn)H5頁面的問題,下面這篇文章主要給大家介紹了關(guān)于微信小程序web-view不支持打開非業(yè)務(wù)域名https?//XXXX?請重新配置的解決辦法,需要的朋友可以參考下2022-08-08
Javascript刷新頁面的幾種方法：location.reload()、location.replace(location)、history.go(0)、location=location、location.assign(location)、document.execCommand('Refresh')、window.navigate(location)、document.URL=location.href,js怎么只刷新當(dāng)前頁面一次呢2023-09-09
Driver.js是一個(gè)引導(dǎo)插件，本文主要介紹了Driver.js前端引導(dǎo)頁組件的具體使用，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
Javascript實(shí)現(xiàn)頁面滾動(dòng)時(shí)導(dǎo)航智能定位
本篇文章主要介紹了Javascript實(shí)現(xiàn)頁面滾動(dòng)時(shí)導(dǎo)航智能定位，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
js實(shí)現(xiàn)網(wǎng)頁檢測是否安裝了 Flash Player 插件
js實(shí)現(xiàn)網(wǎng)頁檢測是否安裝了 Flash Player 插件...2007-08-08