Chrome 扩展开发指南(1)——入门 这是制作chrome 扩展插件的入门指南,不需要任何编程基础,看完这个后,我们就着手做自己的Chrome 插件了。好吧,我们现在就开始,其实我也是个新手。 准备工具 做任何事情都要有个工具,制作chrome 插件需要的工具很少。 记事本,用来编写代码 Chrome 浏览器,这个不能少吧。Windows 下,所有版本的Chrome 都可以制作插件。Linux下需要下载 Beta 版本,Mac 下载 dev 版本。 开始制作第一个插件 在计算机中创建一个目录来存放插件代码。 在目录里面创建文件manifest.json(注意后缀名是.json),用记事本打开,写入如下代码 { "name": "第一个Chrome 插件", "version": "1.0", "description": "我的第一个Chrome 插件,还不错吧", "browser_action": { "default_icon": "icon.gif" } } 复制代码 把下面两张图片保存到文件夹中,分别取名 icon.gif 和 smile.gif 图片一: 图片二: 安装这个插件: a.点击右上角扳手,选择扩展程序,打开扩展中心。 b.点击右上角的“开发人员模式”,使得前面的“+”变成“-”,打开相应的菜单。如果一开始就是“-”,那么不用点击。 c.点击“载入正在开发的扩展程序按钮”,导入刚才创建的文件夹。 如果一切顺利,你的 Chrome 地址栏将会有个新图标,你的第一个插件诞生了。 给第一个插件增加新功能 你现在虽然做了第一个插件,但实际上他并没有实现任何功能,我们点击图标,没有任何反应。下面我们就给他增加点功能。 编辑 manifest.json 这个文件,用下面的代码替换现有的代码,其实我们只是加了一行代码和一个逗号而已。 { "name": "第一个 Chrome 插件", "version": "1.0", "description": "我的第一个 Chrome 插件,还不错吧", "browser_action": { "default_icon": "icon.gif", "popup": "popup.html" } } 复制代码 下面我们创建一个文本文件 popu p.html,用记事本打开,将下面的代码写进去
Hello,Chrome!
我的名字叫 ChromeChina!
Chrome 中文论坛欢迎你
![]()
复制代码 回到 Chrome 的扩展中心,点击插件下的“重新载入 ”。 现在点击插...