Quando usiamo nei nostri siti l’inclusione di pagine di terze parti dobbiamo
tenere presente il problema della sicurezza di quel codice perché se non
facciamo nulla non ne abbiamo nessun controllo. Ecco che l’attributo
“sandbox” dell’iframe ci viene in aiuto.
In questo video possiamo ascoltare una prima spiegazione di cosa può fare
l’attributo sandbox.
Vediamo cosa ci dice openai relativamente al tag sandbox.
In HTML, l’elemento <iframe> viene utilizzato per incorporare una
pagina web all’interno di un’altra pagina web. Il “sandbox” è un attributo
che può essere utilizzato con l’elemento <iframe> per limitare le
azioni che la pagina incorporata può compiere all’interno del frame. Questo
è particolarmente utile quando si incorporano contenuti da origini esterne o
non attendibili, in quanto aiuta a mitigare potenziali problemi di
sicurezza.L’attributo sandbox accetta una serie di valori booleani o di parole chiave
che specificano quali restrizioni applicare all’iframe. Ecco alcuni dei
valori comuni che è possibile utilizzare con l’attributo sandbox:
- allow-same-origin: Questo valore consente all’iframe di accedere
solo a risorse dalla stessa origine (dominio) della pagina che lo
contiene. Limita l’accesso a risorse esterne.- allow-scripts: Abilita l’esecuzione di script JavaScript
all’interno dell’iframe. Questo può essere pericoloso, quindi dovrebbe
essere utilizzato con cautela. Se non specificato, i JavaScript
all’interno dell’iframe saranno disabilitati.- allow-forms: Consente l’invio di moduli all’interno dell’iframe.
Senza questa opzione, i moduli all’interno dell’iframe saranno
disabilitati.- allow-popups: Permette l’apertura di nuove finestre o popup
dall’iframe. Senza questa opzione, l’apertura di nuove finestre sarà
disabilitata.- allow-popups-to-escape-sandbox: Consente ai popup aperti
dall’iframe di “uscire” dalla sandbox e interagire con la finestra
principale del browser.- allow-top-navigation: Permette la navigazione della pagina
principale dell’iframe alla sua origine. Senza questa opzione, l’origine
non può essere cambiata.- allow-modals: Abilita la visualizzazione di dialoghi modali (ad
esempio, finestre di dialogo di avviso o conferma) all’interno
dell’iframe.- allow-pointer-lock: Abilita la funzionalità di blocco del
puntatore, che può essere utilizzata per controllare il movimento del
mouse o del cursore all’interno dell’iframe.È possibile specificare più valori separati da spazi all’interno
dell’attributo sandbox, ad esempio: sandbox=”allow-same-origin
allow-scripts”. Inoltre, è importante notare che l’utilizzo di sandbox è una
misura di sicurezza importante, ma non garantisce la sicurezza assoluta. La
configurazione dovrebbe essere fatta in base alle esigenze specifiche
dell’applicazione e dell’ambiente in cui viene utilizzata.