这篇翻译不完整。请帮忙从英语翻译这篇文章

为了能给用户提供在不同场景下都具有价值的功能, WebExtensions 提供了许多的用户界面选项。下面是这些选项的摘要,在本章中将会对每个选项做出更详细的说明。

想要使你的扩展能提供良好的用户体验吗? 请查看文章用户体验的最佳实践 .

UI 选项 描述 实例
浏览器工具栏按钮(浏览器行为) 工具栏上一个可点击的按钮,点击时将事件派发到附件组件上。默认情况下,这个按钮在栏位中是可见的。 Example of a WebExtension toolbar button
带有弹出面板的工具栏按钮 当这个在工具栏上的按钮被点击时,它会弹出一个面板。这个面板使用 HTML 文档编写,用于处理与用户的交互行为。 Example of a WebExtension toolbar button with a popup
地址栏菜单按钮(页面行为) 这个按钮位于浏览器地址栏菜单条,按钮被点击的时候可以派发一个事件出来。默认情况下,这个按钮在所有tab上都是隐藏的. Example showing an address bar button (page action)
带有弹出面板的地址栏菜单按钮 地址栏菜单按钮被点击时,会弹出一个面板,这个面板通过HTML文档定义,用于处理用户交互。 Example of a popup on the address bar button
上下文菜单项 在一个或多个网页上下文菜单中的菜单项,复选框和单选按钮.菜单项也可以通过添加分隔栏进行分组,当一个菜单项被点击时,一个事件将会被派发至附加组件.
侧边栏

一个在网页边显示的HTML文档,每页都有其特定的内容. 每当扩展安装时侧边栏将会打开,但最终还是遵循用户的侧边栏可见性设置. 侧边栏内的用户交互通过HTML文档处理.

Example of a WebExtension's sidebar
选项页面 一个可以使你定义可以更改的扩展首选项的页面. 用户可以从浏览器的附加组件管理器中访问此页面. Example showing the options page content added in the favorite colors example.
扩展页面

在单独的窗口或页面中使用扩展提供的页面来提供表单,帮助或其他任何需要的内容.

Example of a simple bundled page displayed as a detached panel.
通知 通过底层操作系统的通知机制向用户显示的短暂通知. 当用户点击或者通知关闭时(用户关闭或超时关闭)派发事件到扩展程序. Example notification from a WebExtension
地址栏建议 当用户输入关键词时提供自定义的地址栏建议. Example showing the result of the firefox_code_search WebExtension's customization of the address bar suggestions.
开发者工具面板 在浏览器的开发者工具中显示的一个关联了HTML文档的标签. New panel tab in the Developer Tools tab bar

以下的操作指南提供了一些创建用户界面选项的指导;

文档标签和贡献者

此页面的贡献者: mdnwebdocs-bot, Apricot, 876843240, jinnchen
最后编辑者: mdnwebdocs-bot,