Erro de Content Security Policy (CSP) no console
O que significa Content Security Policy (CSP)?
Os websites podem configurar uma Content Security Policy (CSP) definindo o cabeçalho de resposta HTTP Content-Security-Policy ou utilizando uma meta tag com o atributo http-equiv="Content-Security-Policy" no HTML.
Em vez de confiar automaticamente em todo o conteúdo do servidor, a CSP determina quais as fontes consideradas seguras. O browser só executa scripts, estilos ou outros recursos que tenham origem nessas fontes fidedignas.
Como reconhecer o erro
Precisas de atualizar a tua CSP para usar o Varify.io se:
- Vês um erro como este na consola do teu navegador:
- This page uses security features that are incompatible with the varify.io editor.
- Vês um erro como este nas Ferramentas de Programador do Google:
- Refused to execute editor.varify.io because it violates the following Content Security Policy directive...
- Vês um erro como este:
- Content Security Policy of your site blocks the use of 'eval' in JavaScript.
Como corrigir o erro
Se o teu website usa uma Content Security Policy (CSP), introduz os seguintes valores:
- https://app.varify.io
- https://editor.varify.io
- https://ip.varify.dev (apenas necessário se o serviço de IP for utilizado para geotargeting)
- https://ai-proxy.varify.io (apenas necessário se os serviços de IA forem utilizados no editor)
Também precisas do valor unsafe-eval na diretiva script-src.
Para que o Responsive Device Switcher funcione, o teu domínio também deve ser especificado nas diretivas frame-ancestors e frame-src.
Exemplo de uma CSP adequada:
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: a entrada unsafe-eval é necessária para que o JavaScript definido pelo utilizador possa ser executado dentro das variações.