打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
分享Chrome Extension(扩展程序/插件)开发的一些小经验

1、不通过Chrome Web Store直接安装Chrome插件(Extension)

我们之前开发网摘Chrome插件时,不需要通过Chrome Web Store,直接在网站上提供网摘插件的链接,用户点击就可以安装。后来,Chrome改为必须通过Web Store才能安装插件。

我们找到了一个Hack的方法,在Chrome Extensions窗口,直接将下载至本地的网摘插件文件拖动到Extensions窗口即可。

2、引用外部javascript文件的问题

如果在Extenstion中引用了外部的js文件,会引发这样的错误:

Refused to load the script 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' because it violates the following Content Security Policy directive: "script-src 'self'".

解决方法:在manifest.json中添加如下的代码(假设我们这里引用的是ajax.googleapis.com的js):

"content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'",

3、不支持inline javascript代码的问题

从Chrome Extenstion V2开始,不允许执行任何inline javascript代码(也就是html内的任何js代码都不允许执行),比如下面的代码:

<input type="submit" name="btn_submit" value="收藏" id="btn_submit" class="btn_submit" onclick="addwz()"/>

onclick中的addwz()函数不允许执行,点击时会报错:

Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' https://ajax.googleapis.com".

解决方法:在内部引用的js文件中绑定事件,示例代码如下:

$('#btn_submit').click(function () {    addwz();});

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
web前端安全机制问题全解析
IBM AppScan 安全扫描:Missing Content
jQuery点击弹出登录窗口代码
ecshop标签模板教程(二)
6月8号工作(jQuery
自动化测试之karma和jasmine | 皓眸IT
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服