分享方式:


新增 iFrame 至工具擴充功能

適用於:Windows Admin Center、Windows Admin Center 預覽版

在本文中,我們會將 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 中轉譯。 您也可以在這裡了解更多資訊。