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

快速开发Chrome插件

最新推荐文章于 2025-09-09 11:17:12 发布

原创最新推荐文章于 2025-09-09 11:17:12 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

Chrom插件开发专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种简单快捷的方法来开发Chrome插件。通过创建一个包含必要信息的manifest.json文件并加载到Chrome浏览器中，即可实现插件的基本功能。此外，还提供了插件开发过程中的关键步骤和技术细节。

一、如何快速开发一个 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打开插件页，先勾选开发者模式，这样会出现一个载入插件的选项，如下图：