• because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'style-src' was not explicitly set, so 'default-src' is used as a fallback.错误应该怎么解决?


    现在我的扩展名出现错误:

    efused to apply inline style because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'style-src' was not explicitly set, so 'default-src' is used as a fallback.

    什么导致这个错误?

    我在以下方面做了修改:

    popup.html

    <!DOCTYPE html>
    <html ng-app="PinIt" ng-csp>
        <head>
            <link rel="stylesheet" href="css/popup.css">
            <script src="js/lib/jquery-1.8.2.min.js"></script>
            <script src="js/lib/angular.min.js"></script>
            <script src="js/app/app.js"></script>
            <script src="js/app/popup.js"></script> 
        </head>
        <body id="popup">
            <header>
                <h1>PinIt</h1>
            </header>
        <div ng-controller="PageController">
                <div>{{message}}</div>
                <h2>Page:</h2>
                <div id="elem">{{title}}</div>
                <div>{{url}}</div>
                <h2>Imagens:</h2>
                <ul>
                    <li ng-repeat="pageInfo in pageInfos" style="list-style: none">
                        <div class="imgplusshare">
                        <img src={{pageInfo}} class="imagemPopup"/>
                        <ul class="imas">
                          <li id="liFacebook" ng-click="fbshare(pageInfo)">
                          <span>
                          <img src="facebook_16.png"/>Facebook
                          </span>
                        </li>
                        <li id="liTwitter" ng-click="twshare(pageInfo)">
                        <span>
                        <img src="twitter-bird-16x16.png"/>Twitter
                        </span>
                        </li>
                        <li id="liGooglePlus" ng-click="gpshare(pageInfo)">
                        <span><img src="gplus-16.png"/>Google+</span>
                        </li>
                        <li id="liEmail" ng-click="mailshare(pageInfo)">
                        <span><img src="mail_icon_16.png"/>Email</span>
                        </li>
                        <hr>
                        </ul>
    
                        </div>
                        </li>
    
                        </ul>
    </div>
        </body>
    </html>

    popup.js

    myApp.service('pageInfoService', function() {
            this.getInfo = function(callback) {
                var model = {};
    
                chrome.tabs.query({'active': true},
                function (tabs) {
                    if (tabs.length > 0)
                    {
                        model.title = tabs[0].title;
                        model.url = tabs[0].url;
    
                        chrome.tabs.sendMessage(tabs[0].id, { 'action': 'PageInfo' }, function (response) {
    
                            model.pageInfos = response;
    
                            callback(model);
                        });
    
                    }
    
                });
            };
        });
        myApp.controller("PageController", function ($scope, pageInfoService) {
    
            pageInfoService.getInfo(function (info) {           
                $scope.title = info.title;
                $scope.url = info.url;
                $scope.pageInfos = info.pageInfos;
                $scope.fbshare =  function($src) {
                 chrome.windows.create({url:"http://www.facebook.com/sharer/sharer.php?u="+$src});
          };    
                $scope.twshare =  function($src) {
                 chrome.windows.create({url:"https://twitter.com/intent/tweet?url="+$src});
          };
                $scope.gpshare =  function($src) {
                 chrome.windows.create({url:"https://plus.google.com/share?url="+$src});
          };
                $scope.mailshare =  function($src) {
                 chrome.windows.create({url:"mailto:?subject=Imagem Partilhada por PinIt&body=<img src=""+$src+""\>"});
          };
    
    
    
                $scope.$apply();
    
    
            });
        });

    这是我的清单文件:

    {
        "name": "PinIt",
        "version": "1.0",
        "manifest_version": 2,
    
        "description": "Pin It",
        "icons": {
            "128": "icon128.png"
        },
        "browser_action": {
            "default_icon": "img/defaultIcon19x19.png",
            "default_popup": "popup.html",
            "default_title": "PinIt"
        },
        "content_scripts": [ {
        "js": [ "js/lib/jquery-1.8.2.min.js", "js/app/content.js", "js/jquery-ui-1.10.3.custom.js" ],
        "matches": [ "*://*/*" ],
        "run_at": "document_start"
        } ],
        "minimum_chrome_version": "18",
        "permissions": [ "http://*/*", "https://*/*", "unlimitedStorage", "contextMenus", "cookies", "tabs", "notifications" ],
        "content_security_policy": "default-src 'self'"
    }

    转载自:https://cloud.tencent.com/developer/ask/113501

  • 相关阅读:
    如何一键部署项目&&代码自动更新
    Node服务端极速搭建 - nvmhome
    Node服务端极速搭建 -- nvmhome
    自动生成了一本ES6的书
    在linux中给你的应用做压力测试
    .NET 跨平台服务端资料
    CabArc to create or extract a cab file
    (转)什么时候要抛出异常?
    Sprint评审会议不是Sprint演示会议
    Sprint回顾大揭秘——“宝典”来了
  • 原文地址:https://www.cnblogs.com/limina/p/15071604.html
Copyright © 2020-2023  润新知