2
respostas

Erro Chrome SVG Sprites

Pessoal, estou na parte sobre svg sprites.

Quando abro o site no Chrome ele não dá a seguinte mensagem no console:

Unsafe attempt to load URL file:///C:/MAMP/htdocs/Performance/site/assets/img/categorias.svg#mobile from frame with URL file:///C:/MAMP/htdocs/Performance/site/index.html. 'file:' URLs are treated as unique security origins.

Testei no Mozila e carregou perfeitamente. Alguem sabe como corrigir no Chrome?

Obrigado.

2 respostas

Não fiz este curso.

Mas isso aconteceu, por que provavelmente você está navegando no projeto usando um domínio, talvez o localhost e chamando um arquivo.

Esse é um erro, por falha de segurança, documentado nesta página: https://www.chromestatus.com/feature/5755326842273792

O correto é você informar o caminho do arquivo, usando o mesmo caminho base do seu domínio, claro, desde que estejam na mesma estrutura de pastas.

Para desativar esta segurança de forma temporária, no windows abra o chrome com este comando:

caminho_para\chrome.exe --allow-file-access-from-files

alterando para o caminho da sua instalação do chrome.

Edição: Uma observação, abrir o chrome desta forma, desativa esta segurança apenas enquanto a janela estiver aberta. Se fechar o programa e abrir novamente, a segurança será aplicada.

Perfeita resposta Adriano.

É isso mesmo: existem restricoes de seguranca pra esse carregamento via file:// (nao era nem pro Firefox aceitar).

Recomendo desenvolver sempre com um servidor HTTP local e acessar via localhost ao inves de file://

Se precisar de ajuda pra subir um servidor local, volta nesse exercício: https://cursos.alura.com.br/course/otimizacao-performance-web/task/22450

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software