Chrome扩展页面动态绑定JS事件提示错误

2019-12-23,,,

问题描述:

当开发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个调试技巧详解

《Chrome扩展页面动态绑定JS事件提示错误.doc》

下载本文的Word格式文档,以方便收藏与打印。