【问题标题】:How to open a browser within VSCode just like another editor tab如何在 VSCode 中打开浏览器,就像另一个编辑器选项卡一样
【发布时间】: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 我试图改写我的问题,对此感到抱歉。我正在用打字稿写字

标签: node.js typescript visual-studio-code vscode-extensions


【解决方案1】:

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

【讨论】:

  • 这只是一个“关于如何构建它的提示”,而不是“这里有一个插件可以做到”或“现在没有这样的工具/功能可用”的答案。
  • 是否可以使用 webview 打开像 https://google.com 这样的第 3 方 URL?该文档只讨论了呈现本地保存的 HTML。
猜你喜欢
  • 1970-01-01
  • 2014-02-18
  • 2018-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-20
  • 2016-10-18
  • 1970-01-01
相关资源
最近更新 更多