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

  • Статья

Область применения: Windows Администратор Center, Windows Администратор Center Preview

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

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

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

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

Добавьте в проект новый пустой модуль , в который мы добавим 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, чтобы просмотреть результаты.

Примечание.

Параметры политики безопасности содержимого (CSP) могут предотвратить отрисовку некоторых сайтов в iFrame в Центре Администратор Windows. Более подробную информацию можно найти здесь.