Chrome扩展页面动态绑定JS事件提示错误
更新时间：2014年02月11日 10:08:53 作者：
开发Chrome扩展时，页面的popup.html中需要js的时候，直接将JS写在动态绑定JS事件会提示错误，下面有个不错的解决方法，大家可以参考下
问题描述：
当开发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个调试技巧详解
相关文章
这篇文章主要为大家详细介绍了javascript+css实现进度条效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
DIV可以拖动的效果，想必大家都有见到过吧,在本文也为大家实现一个不错的可以用鼠标拖动的div,感兴趣的各位不要错过2013-10-10
点击按钮怎么跳转到另外一个页面呢？点击图片要跳转到新的页面时，怎么做到呢？可以使用onclick=window.location=新页面来实现2014-10-10
window.close()是用来关闭窗口的，而且ie和firefox都是支持的，下面通过示例为大家介绍下用javascript关闭本窗口2014-09-09
在这个实例中需要注意的是，要把images文件夹下图片的命名设置为有顺序的，1、2、3..才可以，感兴趣的朋友可以参考下2013-04-04
这篇文章主要介绍了在微信小程序里使用watch和computed的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表，当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式，具体内容大家通过本文学习吧2017-01-01
这篇文章主要介绍了JavaScript中window.open用法,实例分析了window.open方法的功能、参数及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
最近遇到这样的需求：显示音乐播放按钮、可手动拖拽进度条；页面中含多个音乐，播放当前音乐时暂停其他音乐播放。 这篇文章主要介绍了微信小程序自定义音乐进度条的实例代码,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了js中switch case循环实例代码，有需要的朋友可以参考一下2013-12-12
最新评论