如何构建firefox扩展

自从我们开始在Lifehacker发布自制的Firefox扩展以来,有几位读者问:构建Firefox扩展有多困难?对于有一点编程经验的人来说,答案并不难。...

Image for article titled How to build a Firefox extension

自从我们开始在Lifehacker发布自制的Firefox扩展以来,有几位读者问:构建Firefox扩展有多困难?对于有一点编程经验的人来说,答案并不难。

Firefox扩展的核心就是Javascript——书签和常规旧网页中不太神秘的东西——和一种名为XUL(发音为“zool”)的标记语言。要构建自己的浏览器,您需要一些Javascript知识、轻松编辑XML文件,以及一种健康的好奇心,让您喜欢的web浏览器随心所欲。

两年多前,我开始自学如何在网上使用免费教程构建Firefox扩展。虽然整本书都是关于创建Firefox扩展的,但今天我为好奇的程序员提供了一个快速入门的资源列表,他们想尝试一下。

警告和免责声明:这篇文章不是我们通常的Lifehacker文章——它是一篇编程教程,面向真正的黑客,而不仅仅是Lifehacker,他们希望在Firefox开发中有所收获。在这之后,我们将回到适用于普通人的操作指南。

设置您的开发环境

第一件事:你要开发一个Firefox扩展吗?在某个不幸的时刻,你将完全失去你的Firefox配置文件。这不是一种可能性,而是一种保证。所以,帮自己一个忙,创建一个全新的Firefox配置文件,专门用于开发。下面介绍如何创建和管理多个Firefox配置文件。我喜欢运行我的默认配置文件以快速查找代码引用,并使用本文中详细介绍的-no远程开关同时启动我的“dev”配置文件。

一旦你加载了新的、干净的开发概要文件,你就会想对about:config做一些调整,并安装一些开发扩展,让你的生活更轻松。

你好,firefox扩展世界!

早在2004年12月,在一次无意识的网络冲浪中,我偶然发现了Eric Hamitter的优秀的如何创建Firefox扩展教程,正是这一链接让我开始了扩展开发的道路。本教程有点过时(特别是在Firefox2之后),但它是Mozilla开发者中心官方构建扩展文档的一个很好的补充。

按照说明——其中包括将大量特定的XML和Javascript文件放在特定的文件夹中,并以正确的方式压缩它们——您可以构建一个简单的扩展,弹出一个“Hello,world!”Javascript警报。做到这一点——每个程序员都通过向世界问好来开始一门新的语言。

有关Hello World的额外帮助,请参阅MozillaZine的扩展开发入门。这里提供了大量其他扩展开发教程。

扩展向导

一旦进入扩展开发阶段,您将很快厌倦创建所有那些命名奇怪的文件夹和文件。这就是Ted Mielczarek的扩展向导派上用场的地方。你给它你的扩展信息:ID,图标,许可证,作者和其他信息,它会为你生成一个扩展文件夹和文件框架。

greasemonkey编译器

另一个向导扩展助手是之前发布的Greasemonkey用户脚本编译器。Greasemonkey脚本就是Javascript;这个编译器将这个脚本转换成一个完整的扩展(注意:在Lifehacker上发布的更好的Gmail扩展和它的所有弟弟妹妹都是从使用这个编译器开始的。)

wtf,xul?

扩展开发的一个陡峭的学习曲线是了解XUL,以及它如何在Firefox中创建菜单项和对话框等元素。可以这样想:XUL创建Firefox界面,就像HTML创建网页一样(但是作为XML,XUL对允许哪些标记有更严格的规则。)

例如,对于基于XUL的简单窗口中的苹果,XUL的按钮类似于cherries:

<?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="yourwindow" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <radiogroup> <radio label="apples" /> <radio label="oranges" /> <radio label="cherries" /> </radiogroup> </window>

要在XUL的开发配置文件中安装扩展,请在XUL的开发配置文件中开始。从“工具”菜单的“扩展开发人员”子菜单中,选择“XUL编辑器”开始编写XUL文档,以便在键入时实时预览,如图所示:

Image for article titled How to build a Firefox extension

最后,XUL Planet上提供了XUL教程的完整参考和母矿脉。

自动化您的扩展构建

一旦您的扩展在您的Firefox开发配置文件中工作并准备就绪,您就需要将其压缩并在“真正的”Firefox安装中试用。手动执行此操作会让人筋疲力尽,因此请帮自己一个忙,使用批处理脚本将此过程简化为单个命令操作。我使用此Windows构建脚本的修改版本打包扩展。

就像生活中所有美好的事情一样,Firefox扩展开发需要认真的投资,但回报是巨大的——让您的web浏览器完全按照您的意愿运行。

你准备好试试扩展开发了吗?请在评论中告诉我们进展如何。

  • 发表于 2021-08-01 03:27
  • 阅读 ( 143 )
  • 分类:互联网

你可能感兴趣的文章

火狐有哪些不同的版本(哪一个最适合你)?

你认为Firefox只有一个版本吗?事实上,浏览器有很多替代版本,提供实验性功能或开发工具。好消息是它们都可以供您使用和实验。 ...

  • 发布于 2021-03-22 04:20
  • 阅读 ( 478 )

为什么firefox要杀死你最喜欢的扩展

Firefox57,或者说Quantum,已经出现了,这是一个巨大的进步。Firefox终于在速度上赶上了Chrome,界面更干净了,而且还有一些很棒的新功能需要启动。这里没什么好抱怨的。 开玩笑而已。在互联网上,总有一些事情值得抱怨。 相...

  • 发布于 2021-04-07 02:14
  • 阅读 ( 163 )

我使用的是哪个版本的firefox?

Firefox并不像以前那样是一款可供选择的浏览器,但它仍然是超级用户和开源倡导者的最爱。下面是一个简短的指南,介绍如何找出你使用的是哪一版本的Firefox…以及不同版本的真正含义。 查找版本号 在Windows或Linux上的最新版...

  • 发布于 2021-04-07 22:49
  • 阅读 ( 165 )

如何停止在web浏览器中自动播放html5视频

...新HTML5视频。当然,同样的附加组件也适用于铬。 mozilla firefox 值得称道的是,Firefox实际上包含一个首选项,允许您控制网页上的HTML5视频是否自动播放。然而,和许多Firefox偏好一样,这一点被深深地埋藏在关于:配置位置否则...

  • 发布于 2021-04-10 06:39
  • 阅读 ( 210 )

如何在firefox中创建自定义智能书签文件夹

你有没有想过Firefox附带的“最常访问”书签文件夹是如何工作的?它不仅仅是一个特殊的文件夹-它利用了Firefox3中引入的Places数据库,你可以创建自己的智能书签。 Firefox的Places系统将书签和历史记录存储在SQLite数据库中。Firef...

  • 发布于 2021-04-12 12:01
  • 阅读 ( 201 )

让您喜爱的扩展在firefox alpha版本中工作

你是否对每夜新的Firefox版本感到兴奋,在你的电脑上安装了它,然后发现你不能安装你最喜欢的扩展?向挫折说再见!稍微调整一下关于:配置设置,您可以安装并运行这些扩展。 添加您喜爱的扩展时遇到问题 在您刚刚安装了...

  • 发布于 2021-04-14 06:16
  • 阅读 ( 106 )

firefox的工作方式将更像chrome

Mozilla开始对Firefox进行一系列的修改,使浏览器的某些方面更像Chrome。这些变化是为了让Firefox更加安全和稳定,但是它们也有缺点,那就是它的可定制性较差,而且可能会占用更多的资源。&#13; &#13; &#13; “已经支持Chr...

  • 发布于 2021-05-01 03:59
  • 阅读 ( 188 )

如何在android上安装最好的firefox扩展

“Firefox预览版”是Firefox重建后的Android应用程序,其开发进展顺利,本周它最好的功能之一得到了实质性的更新。Mozilla在二月份为Firefox Preview添加了对浏览器扩展的支持,但是您只能安装一个附加组件:uBlock Origin。Mozilla最近针...

  • 发布于 2021-05-13 01:25
  • 阅读 ( 167 )

如何在firefox和chrome上给youtube一个“经典”的外观

...,或者至少对它过去的样子怀旧,那就有可能回到过去。Firefox和Chrome的一个名为“YouTube Classic”的扩展允许你用一个复古的外观来重新构建网络视频集线器,使网站恢复到从前的样子。内容服务算法不会改变,因此您仍然可以...

  • 发布于 2021-05-14 01:22
  • 阅读 ( 183 )

如何在android上尝试firefox os应用程序

...a以其网络浏览器而闻名,但该公司也为有限数量的**生产Firefox操作系统。不过,你可以在Android上尝试一下它的一些应用程序。与Google Chrome非常相似,Firefox支持webapps操作系统和应用程序采用相同的技术构建,这就是将Firefox操作...

  • 发布于 2021-05-21 04:17
  • 阅读 ( 110 )
nxqk1389
nxqk1389

0 篇文章

相关推荐