WebView 视图
如果需要展示超出 VS Code API 支持的自定义功能,可以使用 WebView 视图,它们是完全可自定义的。重要的是要理解,只有在绝对必要时才应使用 WebView 视图。
✔️ 建议
- 仅在绝对必要时使用 WebView 视图
- 仅在上下文适用时激活你的扩展
- 仅为活动窗口打开 WebView 视图
- 确保视图中的所有元素都是可主题化的(请参阅 webview-view-sample 和 颜色令牌 文档)
- 确保你的视图遵循可访问性指南(颜色对比度、ARIA 标签、键盘导航)
- 在工具栏和视图中使用命令操作
❌ 不建议
- 用于促销(升级、赞助等)
- 用于向导
- 在每个窗口中打开
- 在扩展更新时打开(请改用通知询问)
- 添加与编辑器或工作区无关的功能
- 重复现有功能(欢迎页、设置、配置等)
WebView 视图示例
简易浏览器
此扩展在编辑器侧边打开浏览器预览。
此示例展示了 VS Code Web 正在 VS Code 内部被开发。WebView 面板用于渲染类似浏览器的窗口。
拉取请求
此扩展在自定义树视图中显示工作区仓库的拉取请求,然后使用 WebView 视图显示拉取请求的详细视图。
WebView 视图视图
你还可以将 WebView 视图放置到任何视图容器(侧边栏或面板)中,这些元素被称为 WebView 视图视图。相同的 WebView 视图指南适用于 WebView 视图视图。
此 WebView 视图视图显示用于创建拉取请求的内容,其中使用了下拉菜单、输入框和按钮。