HTML5技术

【干货】Chrome插件(扩展)开发全攻略 - 我是小茗同学(6)

字号+ 作者:H5之家 来源:H5之家 2017-07-12 13:00 我要评论( )

报错如下: Refused to execute JavaScript URL because it violates the following Content Security Policy directive: script-src self blob: filesystem: chrome-extension-resource:. Either the unsafe-inlin

报错如下:

Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. 注入CSS的时候必须小心

由于通过content_scripts注入的CSS优先级非常高,几乎仅次于浏览器默认样式,稍不注意可能就会影响一些网站的展示效果,所以尽量不要写一些影响全局的样式。

之所以强调这个,是因为这个带来的问题非常隐蔽,不太容易找到,可能你正在写某个网页,昨天样式还是好好的,怎么今天就突然不行了?然后你辛辛苦苦找来找去,找了半天才发现竟然是因为插件里面的一个样式影响的!

打包与发布

打包的话直接在插件管理页有一个打包按钮:

然后会生成一个.crx文件,要发布到Google应用商店的话需要先登录你的Google账号,然后花5个$注册为开发者,本人太穷,就懒得亲自验证了,有发布需求的自己去整吧。

参考 官方资料

推荐查看官方文档,虽然是英文,但是全且新,国内的中文资料都比较旧(注意以下全部需要FQ):

第三方资料

部分中文资料,不是特别推荐:

附图

附图:Chrome高清png格式logo:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5视频播放插件 - 释怀我的诺亚尔

    HTML5视频播放插件 - 释怀我的诺亚尔

    2017-07-08 18:00

  • 架构师之路--谈架构师的基本素养和[干货]日志处理 - 静儿1986

    架构师之路--谈架构师的基本素养和[干货]日志处理 - 静儿1986

    2017-05-28 09:10

  • 详解Google Chrome浏览器(操作篇)(下) - Alan_beijing

    详解Google Chrome浏览器(操作篇)(下) - Alan_beijing

    2017-05-16 13:00

  • vue.js 初体验— Chrome 插件开发实录 - 腾讯云技术社区

    vue.js 初体验— Chrome 插件开发实录 - 腾讯云技术社区

    2017-05-13 13:00

网友点评
-