开发一个非常简单的浏览器扩展

时间:2011-08-17 17:58:43

标签: javascript google-chrome-extension browser-extension

我正在寻求开发浏览器扩展程序。

此扩展程序一旦安装,将告诉浏览器在特定域列表的所有页面加载中包含一个javascript文件。

这种类型的扩展程序被Google Chrome称为“内容脚本”。

根据我的阅读,要为Chrome创建此类型的扩展程序,您只需将此代码放入其中即可 “清单”文件

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "js": ["jquery.js", "myscript.js"]
    }
  ],
  ...
}

安装扩展程序后,google.com的每个页面加载都会包含jquery.js和myscripts.js

Chrome采用的扩展开发方法看起来非常简单。

我的问题是为其他主流浏览器复制此类型的扩展程序有多难?

2 个答案:

答案 0 :(得分:1)

Firefox本身并不提供加载内容脚本的简单方法。但是,GreaseMonkey add-on确实存在,并且可以在http://userscripts.org/上选择大量示例脚本。除此之外,GreaseMonkey脚本可以是compiled into a "real" extension,不再需要GreaseMonkey,它们也可以安装在Chrome中(无需扩展名)。

Firefox的另一种可能性是使用Add-on Builder or SDKpage-mod module。这样的事情应该有效:

var pageMod = require("page-mod");

pageMod.PageMod({
  include: ["http://www.google.com/*"],
  contentScriptFile: [data.url("jquery.js"), data.url("myscript.js")]
});

使用Add-on Builder,将此代码转换为实际扩展名应该相当容易。我没有使用附加SDK的经验,因此我无法为您提供任何其他帮助。

答案 1 :(得分:0)

试试Kango Framework。这是一个跨浏览器扩展框架。您可以为使用单一源代码的所有主要浏览器开发扩展。支持IE,Firefox,Chrome,Opera和Safari。