如何在 VSCode 中打开浏览器，就像打开另一个编辑器选项卡一样

Question

对于 VSCode 扩展，我想在 VSCode 内而不是外部打开浏览器，其中我可以加载一些 URL (https://developers.redhat.com/)

我尝试研究各种选项来在 VScode 扩展中实现它，我遇到的是在 webview 的帮助下，即

'vscode.previewHtml'

我们可以传递将在 VSCode 编辑器选项卡中呈现的 html 内容，但我拥有的是要加载的 url 。可以将其传递到 iframe，但我无法在 iframe 中打开它

另一种选择是在浏览器中打开它，但它会打开外部浏览器。

我需要的是在 IDE (VSCode) 中打开浏览器，体验应该与我们获得的类似

'vscode.previewHtml'

或者正如我们在 Eclipse 这样的 IDE 中看到的，浏览器窗口是在 IDE 内部打开的。

正如我们在下面看到的

请提供意见、建议

Answer 1

现在可以通过 Microsoft 的扩展“Live Preview”实现。打开命令面板 (CTRL+SHIFT+P) 并搜索“简单浏览器：显示”。

这就是它的样子：

Answer 2

为了渲染你的html，你可以使用

WebView API

： https://code.visualstudio.com/docs/extensions/webview

Answer 3

Microsoft 有一个正在开发的扩展，Live Preview。我用它来查看 VSCODE 内的 html codecov 报告，它至少适用于此。

你只需在扩展中搜索它并将其添加到 VSCODE 即可