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

 开发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; 

 
 

时间: 2024-08-03 17:58:19

Chrome扩展页面动态绑定JS事件提示错误的相关文章

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

问题描述: 当开发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

chrome扩展程序开发之在目标页面运行自己的JS

大家都知道JS是运行在客户端的,所以,如果我们自己写一个浏览器的话,是一定可以往下载下来的网页源代码中加入js的.可惜我们没有这个能力.不过幸运的是,chrome的扩展程序可以帮我们做到这件事. 本文会做一个chrome插件开发的入门介绍,实现利用chrome扩展实现在目标网页运行我们的js的功能.关于chrome扩展的详细内容,可以通过官网了解. 开发工具很简单,记事本就OK了,当然还要有一个chrome浏览器. 新建一个文件夹,比如,HelloWorld 然后创建一个文本文件,作为这个扩展程

清除页面广告?身为前端,自己做一款简易的chrome扩展吧

大家肯定有这样的经历,浏览网页的时候,左右两端广告,诸如"屠龙宝刀,点击就送",以及最近火的不行的林子聪37传奇霸业什么"霸业面具,霸业吊坠"的魔性广告总是充斥我们的眼球. 当然有现成的扩展程序或者插件(两者概念稍有不同)可以清除页面广告,但是既然身为一名程序猿,尤其是FEDer,为什么不尝试一下自己写一个清除广告的扩展程序呢.其实,编写一个浏览器扩展程序十分简单,尤其是chrome扩展,可以完全使用前端技术(HTML/CSS/JS)完成一个自己编写的扩展程序.让我

js 事件截取enter按键页面提交事件示例代码

本篇文章主要是对js 事件截取enter按键页面提交事件示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 假如你在一个文本框中按enter事件是让他执行一个js函数,但是不想提交表单,可以这样做: function ysearch() //年文本框回车键后重新加载DataWindow { validateInputText('yyyy');//想做的第一个js函数 if(event.keyCode==13) { changeym();//想做的第二个js函数,做完后把event给

JS实现刷新父页面不弹出提示框的方法_javascript技巧

本文实例讲述了JS实现刷新父页面不弹出提示框的方法.分享给大家供大家参考,具体如下: A页面 open方式出 B页面 ,当B页面做了类如保存动作后,需要关闭B页面,刷新A页面的情况下,会弹出一个提示框,要求点重试,这个就是发生预料之外的情况,用户体验很差. 解决方案分两种情况: 1.A页面很简单的情况(没有frame/iframe) 在B页面中的function中: function close(){ window.opener.location.reload(); window.opener

电脑中Chrome浏览器网页提示错误ERR

  电脑中Chrome浏览器网页提示错误ERR_EMPTY_RESPONSE的解决方法         1.按Win+R打开运行,输入regedit并回车; 2.在注册表中依次展开HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindowsCurrentVersionExplorerShellExecuteHooks; 3.在右侧可以看到一个正常的值{AEB6717E-7E19-11d0-97EE-00C04FD91972}, 将其保留,其他的则删除; 4.以管理身份运行

net-.NET网站问题,页面代码提示错误

问题描述 .NET网站问题,页面代码提示错误 我在本地开发的时候是可以的,发布到服务器就这样了为什么会提示 ""当前上下文中不存在名称"LinkLogList"啊? 一下为后置代码: 一下为页面代码: 打开页面之后就这样了: 解决方案 重新部署下,如果你的bll是另外的项目,确保这些dll拷贝到服务器上并且在web.config中正确注册.

js搜索提示框用什么触发事件

问题描述 js搜索提示框用什么触发事件 找了一个jquery的框架,但是发现没有从后台获取数据,然后自己改了一下,后来就是我只要按键了,就会去请求一次,我又给加了中文正则,结果我不输入,按上下键选择也会触发keyup事件,怎么才能给它去掉,就是我输入的时候才会触发,而不是我随意按一下按键就触发了,如图,拿到数据,我只是按上下键选择,然后还在请求后台 解决方案 问题以解决,还是用得keyup事件,不过限制了keyCode,就是当用户按上,下键选择的时候直接return不再请求后台了.还是谢谢了 解

这款Chrome扩展:能够提升空中WiFi的页面打开速度

经常乘坐飞机出差的人士通常会连接到飞机上WiFi网络处理公务或者消磨时间,尽管航空公司提供的WiFi网络并不便宜,但是提供的连接速度并不令人满意.近日美国西北大学的一支团队成功研发了一款Chrome扩展程序,能够明显提升页面加载速度. kasto/Depositphotos 这款由 Fabián Bustamante和他带领团队研发的扩展程序名为ScaleUp,工作原理也非常的简单.正如名字所示,这款扩展程序能够放大页面,这样在屏幕上显示的照片数量就会因此减少,从而为页面加载提供了更多的时间.