在本文中，我們會將 iFrame 新增至使用 Windows Admin Center CLI 建立的新空白工具擴充功能。
準備您的環境
如果您尚未這麼做，請遵循 開發工具延伸模組 中的指示來準備您的環境，並建立新的空白工具延伸模組。
將模組新增至您的專案
將一個新的 空模組 新增至您的專案，我們將在下一步中新增一個 iFrame。
將 iFrame 新增至模組
現在，我們會將 iFrame 新增至剛才建立的新空白模組。
在 \src\app 中，瀏覽至您的模組資料夾，然後開啟檔案 {!module-name}.component.html，找到下列命名慣例：
| Value | Explanation | 範例檔案名稱 |
|---|---|---|
{!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，以查看結果。
Note
內容安全性原則 (CSP) 設定可能會防止某些網站在 Windows Admin Center 內的 iFrame 中轉譯。 您可以在 此處了解更多相關信息。