Firefox 用户喜欢使用 扩展 来个性化他们的浏览体验。现在,对于熟悉 JavaScript、HTML 和 CSS 的开发者来说,使用 WebExtensions API 为 Firefox 创建扩展比以往更容易。每次 Firefox 版本更新,都会发布新的和改进的 WebExtensions API,让开发者能够自由地创建新功能并微调他们的扩展。
我们诚邀您使用您的技能、经验和创造力,为 Firefox Quantum 扩展挑战 创建优秀的全新扩展。在 **2018 年 3 月 15 日至 4 月 15 日** 之间,使用 Firefox 开发者版 创建充分利用 可用 WebExtensions API 的扩展,以参与奖项类别竞赛。(已更新为 WebExtensions API 的传统扩展,或在 2018 年 1 月 1 日或之后移植到 Firefox 的 Chrome 扩展,也符合此挑战的资格。)
一个 评审团 将从每个类别中选出 3-4 名决赛选手,社区将受邀投票选出获胜者。我们将在 2018 年 5 月发布 Firefox 60 时宣布获胜者。每个类别中的获胜者将获得一台 iPad Pro,并将推广他们的扩展给 Firefox 用户。亚军将获得一张价值 250 美元的亚马逊礼品卡。
类别
最佳标签管理与组织
Firefox 用户喜欢定制他们的浏览器标签。创建下一代用户友好的扩展,以对标签进行样式化、组织和管理。
最佳动态主题
借助全新的 主题 API,开发者可以创建精美且响应式的 动态主题,以定制 Firefox 的外观并使其具有交互性。我们寻找外观和实用性完美结合的扩展。
最佳游戏与娱乐
扩展不仅仅用于提高生产力——它们还可以为您的日常生活增添趣味和乐趣。我们寻找能够为 Firefox 用户带来欢乐的高性能、原创想法。
新的和改进的 API
在过去的几个 Firefox 版本中,已经发布了许多新的 WebExtensions API,Firefox 60 将增加更多 API。让我们从主题开始。
当前的主题 API 支持开发者可以定制的近 20 种不同的视觉元素。在 Firefox 60 中,此列表将增加以下正在开发中的项目
- tab_line - 设置 标签线 的颜色,该标签线显示在活动标签的顶部
- tab_selected - 设置 选定标签的背景色
- tab_loading - 设置 标签加载指示器 的颜色
- popup - 设置 Firefox 弹出窗口(箭头面板)的背景色
- popup_text - 设置 Firefox 弹出窗口(箭头面板)的文本颜色
- popup_border - 设置 Firefox 弹出窗口(箭头面板)的边框颜色
但请记住,您的目标不仅仅是设计出一组漂亮的 UI 元素。让我们通过一个使用 主题 API 动态修改 UI 元素以创建视觉上令人惊叹且同样实用的扩展来震撼我们。
对于标签,已经添加了几个新的 API,包括
- browserSettings.openBookmarksInNewTabs() 用于控制 在新的标签页中打开书签 的选项。
- browserSettings.openSearchResultsInNewTabs(),以便扩展可以 在新的标签页中打开搜索结果。
- tabs.captureTab()。这与 tabs.captureVisibleTab() 非常相似,但它允许您捕获任何标签(通过 ID 指定),而不仅仅是活动标签。
- 调用 tabs.create() 而不使用 windowId 现在将 仅针对非弹出窗口。
- Tabs.query() 现在对标题进行 模式匹配。
contextualIdentities API 并非新 API,但它是 Firefox 独有的,它可以为开发者提供一些用于分离在线身份的有趣工具。同样适用于 侧边栏 API,这是 Firefox 的另一个独特功能,它允许开发者在备用用户界面模型中发挥创意。
入门
- 访问 挑战网站 获取更多信息并提交您的扩展
- 下载 Firefox 开发者版
- 需要帮助构建您的扩展?查看 这些资源。
- 从 附加组件开发者中心 上传您的新(或新移植的)扩展
- 填写 提交表格 以参加挑战
- 查看 Web Extensions 的 MDN 网页文档 以获取工具和文档
获胜者将在 2018 年 4 月底收到通知,并将与 2018 年 5 月发布的 Firefox 60 一同宣布。
祝您好运!
关于 Mike Conca
Mike Conca 是 Firefox Web 平台的集团产品经理,领导负责 Firefox 中核心 Web 技术的产品团队,包括 JavaScript、DOM Web API、WebAssembly、存储、布局、媒体和图形。
2 条评论