firefox - 学习开发 Firefox 扩展的好资源

标签 firefox

我正在寻找好的资源来学习开发 Firefox 扩展。资源可以是网络上的书籍或教程。更喜欢基本教程,因为我是 Firefox 扩展领域的新手,但我有软件开发经验,因此编程不是问题。

最佳答案

这是一个有用的文件夹结构,可以帮助您入门:

  • Chrome (文件夹)
  • 内容(文件夹)
  • chrome.manifest
  • 默认值(文件夹)
  • 首选项(文件夹)
  • install.rdf
  • 语言环境(文件夹)
  • en-US(文件夹)
  • 皮肤(文件夹)

  • 您从 install.rdf 文件开始,其中包含有关您的扩展程序的所有信息(例如,它的名称、您的姓名、它支持的 Firefox 版本......)

    然后处理 chrome.manifest 文件,它看起来有点棘手,但实际上非常简单。

    然后你就可以开始做有趣的事情了!您可以使用 browser.xul、options.xul 等。将您的 css/images 放在 skin 文件夹中,我希望您需要制作一个包含扩展逻辑的自定义 Javascript 文件(这在 chrome 中)/内容文件夹)。

    最后打包只是压缩整个内容(不是包含扩展文件夹的文件夹,只是文件夹本身),并将其从 .zip 重命名为 .xpi - 工作完成:)

    Mozilla 博客上提供了出色的分步指南 here ,这涉及到一些真正的细节。

    您还可以找到另一个示例项目 here .

    附言不要忘记源代码控制、错误跟踪、国际化等。但不要从这些开始,否则你永远不会有任何乐趣:)

    关于firefox - 学习开发 Firefox 扩展的好资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1872960/

    相关文章:

    css - firefox 7.0.1 中固定位置元素的奇怪边框

    html - 禁用 HTML 元素的鼠标悬停信息

    ASP.NET 和火狐浏览器 : why doesn't clicking on a GridView ButtonField do anything?

    firefox - SVG 使用标签不渲染渐变 Firefox

    html - 粗体悬停移动元素。唯一的解决方案在 firefox 中不起作用

    javascript - Firefox 渲染 OpenType 字体与字体规范不匹配

    css - Youtube 视频坚持使用 Firefox 中的颜色框

    几次请求后 Firefox 检查器就变空了

    javascript - 如何检测意外鼠标操作导致的输入变化?

    html - Firefox 3 html 评论问题