Chrome插件开发学习——开发入门

来源：互联网发布：中国未来人口知乎编辑：程序博客网时间：2024/05/21 21:40

一、如何快速开发一个 Chrome 插件，根据 Chrome 官方网站上面的教程可以快速开发一个小插件
Chrome官方开发文档地址：http://code.google.com/chrome/extensions/dev/devguide.html
具体对其中每一个步骤的理解：
第一步：

新建一个文件夹，准备一个图标，建议128×128大小的。然后创建一个文件，命名为manifest.json，用记事本打开，复制以下代码：

{ "app": { "launch": { "web_url": "http://blog.sina.com.cn/eyeofming" }, "urls": [ "http://blog.sina.com.cn/eyeofming" ] }, "description": "Ming's China Blog", "icons": { "128": "eye.png" }, "name": "Eye Of Ming", "version": "1.0" }

web_url和url是你要启动的网址，description是App的描述，icons下的128是图标的尺寸，比如说你的图标是16×16的，那么你就填16，建议128×128的大小，然后eye.png就是你的图标文件名。name是App的名字，下面的version是版本号，这个就自定义了，需要注意的是避免使用中文，一定要用utf-8。

第二步：

这一步可以称之为调式，在Chrome中输入chrome://settings/extensions打开插件页，先勾选开发者模式，这样会出现一个载入插件的选项，如下图：

点击载入插件后，在路径中找到保存文件的文件夹然后打开就行了，如果顺利的打开，就说明你的插件没有任何问题，如果错误的话，他会提示你在哪里错了，然后按照他的提示修改就行了。来看看我的作品，如下图：

是不是很简单，如果你还没学会，不要急多试几次就好了，这里是打包的源码，大家可以自行修改。

第三步：

制作好App后，要想出现在Google的扩展中心你需要提交给Google进行审核，提交地址：https://chrome.google.com/webstore/developer/update 注意要压缩成zip格式后提交，不要用.crx格式。上传后，填写相关信息，然后就是等待审核上线。