VSCode扩展：如何打开一个带有HTTP URL的新窗格

Question

VSCode扩展：如何打开一个带有HTTP URL的新窗格

3

在VSCode中，是否可以打开一个指向http url的新面板？我有一个本地运行的服务器（在8080端口上）。我想将它作为WebView打开。我在WebView API文档中找不到提供此功能的任何内容。

我需要的功能类似于代码片段，但url在VSCode编辑器中打开。

vscode.commands.executeCommand('vscode.open', vscode.Uri.parse('http://locahost:8080'));

- sanchit

2

可能是[如何在VSCode中打开浏览器，就像打开另一个编辑器选项卡一样]的重复问题(https://dev59.com/PlYO5IYBdhLWcg3wF97K)。 - Matt Bierner

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- invinciblejai · Answer 1

您可以通过在Webview中使用iframe来实现https://code.visualstudio.com/docs/extensions/webview

 // And set its HTML content
 panel.webview.html = 
`<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Cat Coding</title>
    </head>
    <body>
        <iframe width="100%" height="100%" src='http://locahost:8080'> </iframe>
    </body>
    </html>`;