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

Posted 2023-02-15

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

【英文标题】：How to open a browser within VSCode just like another editor tab

【发布时间】：2018-03-03 13:31:19

【问题描述】：

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

我尝试在 VScode 扩展中寻找各种选项来实现它，我遇到的是借助 webview 即 'vscode.previewhtml' 我们可以传递将在 VSCode 编辑器选项卡中呈现的 html 内容，但我所拥有的是 url载入。可以传递给 iframe 但我无法在 iframe 中打开它

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

我需要的是在IDE（VSCode）中打开一个浏览器，体验应该类似于我们在'vscode.previewHtml'得到的体验

或者正如我们在 Eclipse 等 IDE 中看到的那样，浏览器窗口在 IDE 中直接打开。

如下图所示

请提供意见、建议

【问题讨论】：

请澄清你在这里问什么。就目前而言，您当前的问题很难解析。

@ifconfig 现在是否给出了一些清晰的说明？

previewHTML 需要 html 内容来呈现，我想加载一些 url (developers.redhat.com) 我可以在 previewHTML 中使用 iframe，但是有没有办法在 VSCode 中加载/打开浏览器？

你去！这是你第一次在问题中应该问的内容。你是用 TypeScript 还是 javascript 编写扩展程序？

@ifconfig 我试图改写我的问题，对此感到抱歉。我正在用打字稿写字

【参考方案1】：

为了呈现您的 html，您可以使用WebView API： https://code.visualstudio.com/docs/extensions/webview

【讨论】：

这只是一个“关于如何构建它的提示”，而不是“这里有一个插件可以做到”或“现在没有这样的工具/功能可用”的答案。

是否可以使用 webview 打开像 https://google.com 这样的第 3 方 URL？该文档只讨论了呈现本地保存的 HTML。