VSCode扩展:如何打开带有http URL的新窗格

时间:2018-11-20 06:45:23

标签: visual-studio-code vscode-extensions

在VSCode中,是否可以打开一个指向http url的新窗格?我有一台本地运行的服务器(在端口8080上)。我想将其作为WebView打开。我在WebView API docs中找不到提供此功能的任何东西。

除了VSCode编辑器iteself中的网址打开之外,我正在寻找的功能与代码段相似。

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

1 个答案:

答案 0 :(得分:0)

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

 // 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>`;