Добавление iFrame в расширение инструмента

• Применяется к:

  ✅ Windows Admin Center, ✅ Windows Admin Center Preview

В этой статье мы добавим iFrame в новое пустое расширение средства, созданное с помощью интерфейса командной строки Windows Admin Center.

Подготовка среды

Если вы еще не сделали этого, следуйте указаниям в разработке расширения средства для подготовки среды и создания нового, пустого расширения инструмента.

Добавление модуля в проект

Добавьте в проект новый пустой модуль , в который мы добавим 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) могут предотвратить отрисовку некоторых сайтов в iFrame в Центре администрирования Windows. Более подробную информацию можно найти здесь.