新增 iFrame 至工具擴充功能
在本文中，我們會將 iFrame 新增至使用 Windows Admin Center 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 中轉譯。 您也可以在這裡了解更多資訊。