欢迎光临

木子屋

标题: 制作一个简单的Chrome扩展程序

作者: dnawo

日期: 2010-06-13 06:41 PM

分类: 网络技术

内容: Chrome扩展程序主要由一些JSON、HTML、JavaScript、Images文件组成(UTF-8编码)，再将它们打包成一个zip压缩文件(扩展名为.crx)即可。下边为一个简单的示例，演示了Chrome扩展程序的制作和打包过程。
1.文件准备
在磁盘任意位置建立一个新的文件夹用于存放我们的Chrome扩展程序，例如F:\GoToGoogle，然后放入下边两个文件：
manifest.json：
复制内容到剪贴板 程序代码{
"name": "GoToGoogle",
"version": "1.0",
"description": "Goto Google when open Baidu.",
"content_scripts": [
{
"matches": ["http://*.baidu.com/*"],
"js": ["GoToGoogle.js"]
}
]
}
GoToGoogle.js：
复制内容到剪贴板 程序代码if(confirm("GoTo g.cn?"))document.location.href="http://g.cn/";
说明：manifest.json是一个json文件，相当于Chrome扩展程序的配置文件，这个文件在每个Chrome扩展程序都必须存在。
2.扩展程序打包
使用Chrome浏览器我们就能完成扩展程序的打包工作。在Chrome浏览器中打开扩展程序页面管理页面(chrome://extensions/)，先载入正在开发的扩展程序，再打包扩展程序即可。流程如下图所示：
预览效果：
参考资料
·官方文档：http://code.google.com/chrome/extensions/overview.html

+ 查看当前日志评论 (0)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.934 ms

返回

标题: 制作一个简单的Chrome扩展程序

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.934 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.949 ms

返回