chrome插件开发(入门)

准备工作

编写chrome插件只需要简单的文本编辑器,如notepad++ sublime text、记事本等都可以。

开始制作第一个插件

创建一个新的目录,并创建文件manifest.json(后缀为.json),用记事本打开写入以下代码

{
    "name":"第一个Chrome插件",
    "version":"1.0",
    "manifest_version": 2,
    "description":"一段描述文字",
    "browser_action": {
        "default_icon": "plus_64.png"
    }
}

将plus_64.png文件拷贝至manifest.json所在目录

安装插件

首先打开chrome插件管理页面
这里写图片描述
点击右上角开发人员模式,点击加载已解压的扩展程序,导入插件所在目录,这时插件图标就会显示在chrome工具栏上。
这里写图片描述
给chrome插件添加一些新的东西
虽然完成了第一个插件,但没有什么实际的功能。下面我们给他添加点功能。
编辑manifest.json文件

{
    "name":"第一个Chrome插件",
    "version":"1.0",
    "manifest_version": 2,
    "description":"一段描述文字",
    "browser_action": {
        "default_icon": "plus_64.png",
        "default_popup":"test.html"
    }
}

添加default_popup属性,然后新建文件test.html文件,编辑test.html文件

<p>Hello,Chrome!</p>

写到这里熟悉html的同学 就可以发动自己的脑洞 开发自己的chrome插件了。

重新加载插件

这里写图片描述
这就是一个简单的可以弹出窗口的chrome插件。

打包chrome插件

在chrome插件管理页面,点击打包扩展程序,选择插件所在目录,就会在插件目录同层级生成一个.crx文件和一个.pem文件。
将.crx文件发送给其他人就可以安装这个插件把.crx拖进Chrome插件管理页面内,就会把这个应用安装在Chrome里。
.pem是程序签名文件,新版本的开发中还需要这个文件,不要删除它。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值