Aggiungere un iFrame a un'estensione dello strumento
In questo articolo si aggiungerà un iFrame a una nuova estensione dello strumento vuota creata con l'interfaccia della riga di comando di Windows Admin Center.
Predisporre l'ambiente
Se non è già stato fatto, seguire le istruzioni relative allo sviluppo di un'estensione dello strumento per preparare l'ambiente e creare una nuova estensione dello strumento vuota.
Aggiungere un modulo a un progetto
Aggiungere un nuovo modulo vuoto al progetto, a cui si aggiungerà un iFrame nel passaggio successivo.
Aggiungere un iFrame al modulo
A questo punto si aggiungerà un iFrame al nuovo modulo vuoto appena creato.
In \src\app passare alla cartella del modulo, quindi aprire il file {!module-name}.component.html
, disponibile con la convenzione di denominazione seguente:
Valore | Spiegazione | Nome file di esempio |
---|---|---|
{!module-name} |
Nome del modulo (minuscolo, spazi sostituiti con trattini) | manage-foo-works-portal.component.html |
Aggiungere il seguente contenuto nel file html:
<div>
<iframe style="height: 850px;" src="https://www.bing.com"></iframe>
</div>
L'operazione è stata completata. È stato aggiunto un iFrame all'estensione. È quindi possibile compilare e trasferire localmente l'estensione in Windows Admin Center per visualizzare i risultati.
Nota
Le impostazioni dei criteri di sicurezza del contenuto (CSP) potrebbero impedire il rendering di alcuni siti in un iFrame all'interno di Windows Admin Center. Per altre informazioni, vedere qui.