我们正在进行我们的 Firefox Quantum 扩展挑战赛,我们一直在问自己:什么才是优秀的扩展?
优秀的扩展为 Firefox 添加了功能和乐趣,但不止于此。它们易于使用、易于理解、易于查找。如果你正在构建一个扩展,以下是一些简单的步骤来帮助它闪耀。
让它动态化
Firefox 57 添加了 动态主题。这意味着什么?它们就像标准主题一样,可以改变 Firefox 的外观和感觉,但它们可以随着时间的推移而改变。为白天、晚上、私人浏览以及你所有喜欢的事物创建新主题。
Mozilla 开发者倡导者 Potch 创建了一段精彩的视频,解释了动态主题在 Firefox 中的工作原理。
让它有趣
浏览网页很有趣,但有了很棒的扩展,它会变得更加有趣。Firefox 扩展支持 JavaScript,这意味着你可以在浏览器中创建和集成功能齐全的游戏。 Tab Invaders 就是一个有趣的例子。这个经典街机游戏 Space Invaders 的重制版允许用户将标签炸成碎片。这是一种发泄情绪、清理浏览历史并重新开始的有效方法。
但你不必构建一个完整的游戏来获得乐趣。 Tabby Cat 为每个新标签添加了一只互动卡通猫。猫会睡觉、喵喵叫,甚至让你抚摸它们。哦,对了,猫还可以戴帽子。
让它实用
一个出色的扩展可以帮助用户更快、更轻松地完成日常任务。 RememBear 来自 TunnelBear 的开发者,它可以记住用户名和密码(安全地)并可以生成新的强密码。 Tree Style Tab 允许用户以可折叠的树形结构而不是传统的标签结构来排列标签。 Grammarly 扩展 将整个 Grammarly 写作和编辑工具套件集成到任何浏览器窗口中。优秀的扩展提供实用性。在构建扩展时,想想如何使浏览网页更快、更轻松、更安全。
让它适合 Firefox
Firefox UI 基于 Photon 设计系统。一个好的扩展将无缝地融入 UI 设计语言,并看起来像是浏览器的原生部分。关于排版、颜色、布局 和 图标 的指南可帮助你将扩展与 Firefox 浏览器集成。尽量将前卫或独特的元素与主要的 Firefox UI 元素区分开,并在可能的情况下坚持 Photon 系统。
让它清晰
当你在 addons.mozilla.org(Firefox 附加组件网站)上上传扩展时,请密切注意其列表信息。清晰易懂的描述和设计精良的截图至关重要。 Notebook Web Clipper 扩展就是一个很好的例子,它拥有一个易于阅读的页面,包含详细的描述和清晰的截图。用户清楚地知道扩展的功能及其使用方法。让用户易于开始使用你的扩展。
让它新鲜
Firefox 60 现已在 Firefox Beta 中推出,它包含许多全新的 API 让你可以使用扩展做更多的事情。我们已经打开了主题属性的宝库,让你比以往任何时候都能够控制更多 Firefox 浏览器的部分,包括 tab color
、工具栏图标颜色、框架颜色和按钮颜色。
标签 API 现在支持 tabs.captureTab 方法
,它可以传递一个 tabId
来捕获指定标签的可见区域。还有一些针对代理、网络扩展、键盘快捷键和消息的新 API 或改进的 API。
有关 Firefox 60 中扩展 API 的所有改进的完整细分,请查看 Firefox 工程师 Mike Conca 在 Mozilla 附加组件博客上的 精彩文章。
立即提交你的扩展
Quantum 扩展挑战赛将持续到 2018 年 4 月 15 日。访问 挑战赛主页 了解规则、要求、提示、技巧等等。将为三个类别中的最佳扩展颁发奖项:游戏与娱乐、动态主题以及标签管理器/组织者。获奖者将获得一台 Apple iPad Pro 10.5 英寸 Wifi 256GB,并将在 addons.mozilla.org 上展示。每个类别中的亚军将获得一张价值 250 美元的亚马逊礼品卡。立即报名参加,继续制作出色的扩展吧!
关于 Dustin Driver
记者、技术作家和视频制作人,帮助 Mozilla 保持网络开放和对所有人可访问。