Chrome montre l'erreur comme: Refusa d'exécuter de script en ligne en raison du Contenu de la Politique de Sécurité

Je suis en train de travailler sur la création d'une Extension Chrome d'un Recadrage de l'Image Widget. Le code de mon popup.html est comme suit:

    <body>
            <textarea id="widget_script" style="border:1px solid #ccc;padding:5px;width:600px" rows="5" readonly></textarea>
            <script type="text/javascript">
                var protocol=window.location.protocol;
                var host= window.location.host;
                var head=('<div id="wd_id" style="margin-bottom: 20px;"></div>
                <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></\script>
                <script type="text/javascript" src="'+protocol+'//'+host+'Image_crop/cropimages/img_crop_widget.js'+'"><\/script>
                <script type="text/javascript">init_widget()<\/script>');
                document.getElementById("widget_script").innerHTML=head;
            </script>
    </body>

Les variables protocole et hôte prendre protocole et hôte à partir de l'URL dans le navigateur. Quand j'ai essayé de l'intégrer, comme une extension Chrome, elle ne fonctionne pas. Quand il fonctionne parfaitement, il affiche le code suivant dans le textarea:

<div id="wd_id" style="margin-bottom: 20px;"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://localhost/cropimages/img_crop_widget.js"></script>
<script type="text/javascript">init_widget()</script>

J'ai des choses de choses comme, en plaçant le code JS dans le fichier JS externe et un appel au fichier dans manifest.json l'appeler dans mon popup.html, mais aucune n'a fonctionné.

Quelqu'un peut me dire ce que je fais de mal, ou quoi d'autre devrais-je essayer de le faire fonctionner?

Merci d'avance...

  • Vous avez besoin de mettre tout le code dans un fichier externe. Vous ne pouvez pas avoir tout le code en ligne.
InformationsquelleAutor V15HM4Y | 2013-04-22
  1. 72

    De la Extension Chrome CSP docs:

    JavaScript en ligne ne sera pas exécuté. Cette restriction interdiction à la fois en ligne <script> blocs ou en ligne, les gestionnaires d'événements (par exemple,<button onclick="...">).

    Vous ne peut pas ont inline scripts dans votre extension de HTML comme:

    <script>alert("I'm an inline script!");</script>

<button onclick="alert('I am an inline script, too!')">

    Plutôt, vous devez placer votre script dans un fichier séparé:

    <script src="somescript.js"></script>
    InformationsquelleAutor apsillers
  2. 3

    Vous devez ajouter content_security_policy à votre manifest.json fichier:

    "content_security_policy": "script-src 'self' 'sha256-B+Qe/KNUDtGDd/m1g5ycAq1DgpLs9ubKmYTlOHBogC8='; object-src 'self'"

    Vous trouverez la valeur de hachage à partir de la console.

    Chrome montre l'erreur comme: Refusa d'exécuter de script en ligne en raison du Contenu de la Politique de Sécurité

    • qu'est-ce que le sha256-B+Qe/KNUDtGDd/m1g5ycAq1DgpLs9ubKmYTlOHBogC8= et d'où vient-elle? Il semble changer à chaque fois que je lance mon application.
    InformationsquelleAutor emon