将 iFrame 添加到工具扩展中

• 适用于:

  ✅ Windows Admin Center, ✅ Windows Admin Center Preview

本文介绍如何将 iFrame 添加到使用 Windows 管理中心 CLI 创建的新的空工具扩展。

准备环境

如果尚未这样做，请按照开发工具扩展中的说明准备环境并创建新的空工具扩展。

向项目添加模块

向项目添加一个新的空模块，下一步中会向该模块添加 iFrame。

将 iFrame 添加到模块

现在，为刚创建的新的空模块添加 iFrame。

在 \src\app 中，浏览到模块文件夹，然后打开文件 {!module-name}.component.html，发现具有以下命名约定：

值	说明	示例文件名
{!module-name}	模块名称（小写，空格替换为短划线）	manage-foo-works-portal.component.html

将以下内容添加到 html 文件：

<div>
  <iframe  style="height: 850px;" src="https://www.bing.com"></iframe>
</div>

好了，现已将 iFrame 添加到了扩展。 接下来，便可以在 Windows Admin Center 中生成并旁加载扩展以查看结果。

注意

内容安全策略 (CSP) 设置可能会阻止某些网站在 Windows Admin Center 内的 iFrame 中呈现。 可在此处了解相关详细信息。