Chrome扩展程序一般都是由JS、HTML、CSS构成。所需要知道的是开发扩展程序要满足的规则。
Chrome插件源码结构:
manifest.json:
每一个webapp都会有一个JSON格式的manifest文件,提供总体布局信息。
我需要设计下面几项内容:
background 背景页:
扩展常常需要用一个单独的长时间运行的脚本来管理一些任务或者状态,有点主函数的赶脚。一般来讲,就是js文件。这个background.js在扩展的整个生命周期都存在。
图标:
有两种。
browser actions 是在chrome主工具条的地址栏右侧添加一个图标。
Page Actions是在地址栏最右侧,收藏夹五角星的左边位置添加一个图标。
browser action不管在哪个页面图标都会显示出来。而page action可以设置在哪些页面出现,哪些页面不出现。
options_page 选项页:
需要我设计一个用来设置插件的配置选项的页面。
由于安全性的需要,选项页中如果内嵌了javascript脚本,将不被执行。所以所有的js脚本都要移到外面的一个js文件,然后由options.html来引用。
不能直接在元素上定义事件。应该使用事件监听来响应事件。
打包发布应用时:
项目目录全部会打包到一个应用(扩展)名是.crx
私钥文件用于升级软件时使用,扩展程序id,应该就是根据私钥文件生成的。