Chrome扩展页面动态绑定JS事件提示错误
更新时间：2014年02月11日 10:08:53 作者：
开发Chrome扩展时，页面的popup.html中需要js的时候，直接将JS写在动态绑定JS事件会提示错误，下面有个不错的解决方法，大家可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
问题描述：
当开发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事件，例如：
<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;
}
当开发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事件，例如：
复制代码 代码如下:
<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调试JavaScript的断点设置和调试技巧
- JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)
- 解决javascript:window.close()在chrome,Firefox下失效的问题
- 如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗？”
- 完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
- JQuery自适应IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
- jQuery一步一步实现跨浏览器的可编辑表格，支持IE、Firefox、Safari、Chrome、Opera
- 兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
- jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
- js chrome浏览器判断代码
- json格式化/压缩工具 Chrome插件扩展版
- 解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
- JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
- 禁止选中文字兼容IE、Chrome、FF等
- javascript判断chrome浏览器的方法
- Chrome开发者工具9个调试技巧详解
相关文章
优化网页之快速的呈现我们的网页...2007-06-06
这篇文章主要介绍了TypeScript中的类，类这个概念基本是所有面向对象编程语言都具有一个概念，JavaScript中ES6?之前是没有类这个概念，下面文章围绕TypeScript类的相关资料展开内容,需要的朋友可以参考一下2021-12-12
现在越来越多的项目都在使用可视化的功能,那么使用echarts实现是一种不错的选择,下面这篇文章主要给大家介绍了关于小程序中使用echarts的方法,本文介绍的方法应该是全网最详细教程,需要的朋友可以参考下2023-06-06
在layui中使用form表单监听ajax异步验证注册的实例
今天小编就为大家分享一篇在layui中使用form表单监听ajax异步验证注册的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
今天小编就为大家分享一篇layui的select联动实现代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要分享JavaScript数组操作方法实例梳理总结，删除数组重复项、获取数组的片段等方法，需要的小伙伴可以参考一下2022-06-06
本文为大家详细介绍下javascript实现表格内容排序，喜欢的朋友可以参考下2014-01-01
这篇文章主要介绍了JS模拟Dialog弹出浮动框效果代码,涉及JavaScript可拖动窗口的创建及布局相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
本文给大家分享一段js代码关于实现图片上传预览功能，代码简单易懂，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
JavaScript实现将xml转换成html table表格的方法
这篇文章主要介绍了JavaScript实现将xml转换成html table表格的方法,实例分析了javascript操作XML文件与table表格的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
最新评论