В настоящее время я создаю расширение VSCode.
Мое расширение отображает мое приложение в веб-просмотре VSCode.
(мое приложение создано с помощью angular -cli и работает на webpack-dev-server)
Когда я щелкаю ссылку (элемент <a>
) в веб-просмотре, devtools в VSCode показывает следующие ошибки.
Как избежать этой ошибки и отображать ссылки в браузере или веб-просмотре?
Я добавил атрибут песочницы в <iframe>
элемент, но не изменен
- Сообщение об ошибке (
<a>
элемент с target="_blank"
)
[Embedded Page] Blocked opening 'https://angular.io/tutorial' in a new window
because the request was made in a sandboxed frame whose 'allow-popups' permission is not set.
- Сообщение об ошибке (
<a>
элемент с target="_self"
)
[Embedded Page] ERROR
[Embedded Page] The resource https://angular.io/generated/docs/index.json was preloaded
using link preload but not used within a few seconds from the window's load event.
Please make sure it has an appropriate `as` value and it is preloaded intentionally.
Мой код о веб-просмотре ниже.
const panel = vscode.window.createWebviewPanel("test",
"sample",
vscode.ViewColumn.Two,
{
enableScripts: true,
}
);
panel.webview.html = `<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body {
height:100%;
}
</style>
</head>
<body>
<iframe src="http://localhost:4201/xxx" width="100%" height="100%" frameborder="0"></iframe>
</body>
</html>`;
Я ценю вашу помощь.