繁体   English   中英

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

[英]How to open a browser within VSCode just like another editor tab

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

I tried looking into various options to achieve it in VScode extension, what i came across is with help of webview ie 'vscode.previewHtml' we can pass html content which would be rendered with in VSCode editor tab, but what i have is url to加载。 可以将其传递给 iframe 但我无法在 iframe 中打开它

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

我需要的是在 IDE (VSCode) 中打开一个浏览器,体验应该类似于我们为'vscode.previewHtml'获得的体验

或者正如我们在 eclipse 之类的 IDE 中看到的,其中浏览器 window 在 IDE 内打开。

正如我们在下面看到的

在此处输入图像描述

请提供意见,建议

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

现在可以不用扩展了。 打开命令面板( CTRL + P )并搜索“简单浏览器:显示”。

这是它的外观:

vscode 浏览器标签

该问题的已删除答案包括指向 Github 存储库的链接,该存储库有一个非常有前途但仍在开发中的 VS 代码中的浏览器选项卡。 我不能说它是否有效或效果如何,而且它没有我可以看到的编译扩展,但我认为至少应该注意这个链接。

https://github.com/FabianLauer/chrome-vs-code

微软有一个开发中的扩展Live Preview 我用它来查看 VSCODE 内部的 html 编解码器报告,它至少适用于此。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM