Chrome Extension "Rifiutato di caricare lo script perché viola la seguente direttiva di Content Security Policy"

Question

Sto provando a creare un'estensione di Chrome, ma nessuno dei miei JS funziona. La console mostra questo errore:

Refused to load the script ' https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js ' because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

Perché sta bloccando il funzionamento di jQuery?

Answer 1

Lo hai permesso nel file manifest JSON. Qualcosa di simile a questo:

manifest.json

{ 
    "name": "My Extension", 
    "content_scripts": [{ 
    "js": ["jquery.min.js", "YourJavaScriptFile.js"], 
    "matches": ["http://*/*", "https://*/*"] 
    }] 
} 

Non ci sono tenuti campi ho lasciato fuori, ma solo dare l'idea di base.

Answer 2

Il mio file HTML aveva <script> some js code within it </script>. Quando sono stati rimossi i tag dello script, l'errore era sparito.

Answer 3

Come spiegato sul Chome website, v'è una politica di sicurezza contenuti impedendo lo script per caricare script remoto:

A relaxed policy definition which allows script resources to be loaded from example.com over HTTPS might look like:

"content_security_policy": "script-src 'self' https://example.com ; object-src 'self'"

Quindi nel tuo caso, il manifest.json dovrebbe contenere:

{ 
    "name": "My Extension", 
    "manifest_version": 2, 
    "background":{ 
    "scripts": [...] 
    }, 
    "content_security_policy": "script-src 'self' https://example.com; object-src 'self'", 
}