如何像其他编辑器选项卡一样在VSCode中打开浏览器

inv*_*jai 6 node.js typescript visual-studio-code vscode-extensions

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

我试图研究各种选项以在VScode扩展中实现它,我遇到的是在webview的帮助下,即'vscode.previewHtml'我们可以传递将在VSCode编辑器选项卡中呈现的html内容,但是我要加载的URL。可以将其传递给iframe,但是我无法在iframe中打开它

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

我需要的是在IDE(VSCode)中打开浏览器,体验应该与我们所获得的相似 'vscode.previewHtml'

或在eclipse之类的IDE中看到的那样,就在IDE内部打开了浏览器窗口。

正如我们在下面看到的

在此处输入图片说明

请提供意见,建议

Erd*_*ray 13

现在可以通过 Microsoft 的扩展“实时预览”来实现。打开命令选项板 ( CTRL+ SHIFT+ P) 并搜索“简单浏览器:显示”。

它看起来是这样的:

vscode 浏览器选项卡


Ale*_*akh 5

为了呈现您的 html,您可以使用WebView APIhttps : //code.visualstudio.com/docs/extensions/webview

  • 这只是“关于如何构建它的提示”,而不是“这里有一个可以做到这一点的插件”或“现在没有这样的工具/功能可用”的答案。 (7认同)
  • 是否可以使用 webview 打开像“https://google.com”这样的第三方 URL?该文档仅讨论渲染本地保存的 HTML。 (3认同)