Я пишу расширение кода визуальной студии, и я хотел бы иметь возможность открывать окно браузера с определенным URL-адресом в ответ на команду. Я знаю, что у Electron есть класс BrowserWindow, но похоже, что API Electron недоступен из расширения vscode.
Я бы предпочел, чтобы окно браузера открывалось в инструменте, но я не против открыть веб-страницу в браузере по умолчанию, если это невозможно.
Как открыть веб-страницу из расширения?
Возможно, это было добавлено недавно.
Чтобы открыть окно браузера внутри VS Code, вы можете использовать API WebView, хотя вы необходимо предоставить HTML-контент, а не URL-адрес:
export function activate(context: vscode.ExtensionContext) {
context.subscriptions.push(
vscode.commands.registerCommand('catCoding.start', () => {
// Create and show panel
const panel = vscode.window.createWebviewPanel(
'catCoding',
'Cat Coding',
vscode.ViewColumn.One,
{}
);
// And set its HTML content
panel.webview.html = getWebviewContent();
})
);
}
function getWebviewContent() {
return `<!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>
<img src="https://media.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif" width="300" />
</body>
</html>`;
}
В зависимости от вашего конкретного варианта использования также есть расширение Browser Preview. который регистрирует команду browser-preview.openPreview, которую вы могли бы использовать (вы, вероятно, захотите указать предварительный просмотр браузера в качестве зависимости, чтобы убедиться, что он установлен).
И, наконец, если вы просто хотите открыть в обычном окне браузера, вы можете использовать env.openExternal API. При работе в удаленных средах это также позаботится об открытии портов и сопоставлении с открытым именем хоста (если это служба, обслуживаемая локальным хостом):
vscode.env.openExternal(Uri.parse("https://www.stackoverflow.com/"));
