Chrome 插件开发遇到的一些坑
2017-05-10 10:32
423 查看
1、不通过Chrome Web Store直接安装Chrome插件(Extension)
我们之前开发网摘Chrome插件时,不需要通过Chrome Web Store,直接在网站上提供网摘插件的链接,用户点击就可以安装。后来,Chrome改为必须通过Web Store才能安装插件。
我们找到了一个Hack的方法,在Chrome Extensions窗口,直接将下载至本地的网摘插件文件拖动到Extensions窗口即可。
2、引用外部javascript文件的问题
如果在Extenstion中引用了外部的js文件,会引发这样的错误:
解决方法:在manifest.json中添加如下的代码(假设我们这里引用的是ajax.googleapis.com的js):
3、不支持inline javascript代码的问题
从Chrome Extenstion V2开始,不允许执行任何inline javascript代码(也就是html内的任何js代码都不允许执行),比如下面的代码:
onclick中的addwz()函数不允许执行,点击时会报错:
我们之前开发网摘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".[/code]
解决方法:在内部引用的js文件中绑定事件,示例代码如下:$('#btn_submit').click(function () { addwz(); });
相关文章推荐
- 开发chrome插件时遇到的一些问题
- Eclipse插件开发中遇到的一些异常总结
- chrome插件开发之:关于一些设定变量以及变量存储的问题
- Eclipse插件开发中遇到的一些异常总结
- 记录一些自己的开发习惯,Chrome插件、studio插件及设置格式迁移
- cordova插件开发中遇到的一些问题
- 前端开发中一些好用的chrome插件总结
- 分享Chrome Extension(扩展程序/插件)开发的一些小经验
- Chrome屏幕取词插件发布,以及一些开发感想
- 前端开发中的一些chrome插件推荐
- 前端开发中一些好用的chrome插件总结
- Eclipse插件开发中遇到的一些错误处理
- Eclipse插件开发中遇到的一些异常总结
- 分享Chrome Extension(扩展程序/插件)开发的一些小经验
- 前端开发中的一些chrome插件推荐
- Eclipse插件开发中遇到的一些异常总结
- Web开发较好用的几个chrome插件
- chrome 插件开发2
- Chrome插件(Extensions)开发攻略
- Web前端开发人员实用Chrome插件收集