Errore di Content Security Policy (CSP) nella console
Cosa significa Content Security Policy (CSP)?
I siti web possono impostare una Content Security Policy (CSP) sia impostando l'header di risposta HTTP Content-Security-Policy sia utilizzando un meta tag con l'attributo http-equiv="Content-Security-Policy" nell'HTML.
Invece di considerare automaticamente attendibile tutto il contenuto proveniente dal server, la CSP determina quali sorgenti sono considerate sicure. Il browser esegue quindi solo script, stili o altre risorse che provengono da queste sorgenti attendibili.
Come riconoscere l'errore
Devi aggiornare la tua CSP per usare Varify.io se:
- Vedi un errore come questo nella console del browser:
- This page uses security features that are incompatible with the varify.io editor.
- Vedi un errore come questo negli strumenti per sviluppatori di Google:
- Refused to execute editor.varify.io because it violates the following Content Security Policy directive...
- Vedi un errore come questo:
- Content Security Policy of your site blocks the use of 'eval' in JavaScript.
Come risolvere l'errore
Se il tuo sito web utilizza una Content Security Policy (CSP), inserisci i seguenti valori:
- https://app.varify.io
- https://editor.varify.io
- https://ip.varify.dev (necessario solo se il servizio IP viene utilizzato per il geotargeting)
- https://ai-proxy.varify.io (necessario solo se nell'editor vengono utilizzati servizi AI)
È necessario anche il valore unsafe-eval nella direttiva script-src.
Perché il Responsive Device Switcher funzioni, il tuo dominio deve essere specificato anche nelle direttive frame-ancestors e frame-src.
Esempio di una CSP adeguata:
Content-Security-Policy: frame-ancestors {YOUR_DOMAIN}; frame-src {YOUR_DOMAIN} https://editor.varify.io; script-src 'unsafe-eval' https://app.varify.io https://editor.varify.io; connect-src https://ip.varify.dev
Nota: la voce unsafe-eval è necessaria affinché il JavaScript definito dall'utente possa essere eseguito all'interno delle varianti.