Chrome 扩展程序开发 Chrome Extensions

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,应该就是根据私钥文件生成的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值