title: Jenkins error - Blocked script execution in <URL>. because the document's frame is sandboxed and the 'allow-scripts' permission is not set
body: <p>I'm aware that if we use a iFrame in HTML we've to sandbox it &amp; add the 'allow-scripts' permission to be true.</p>
  <p>But my problem is I don't have a iFrame at all in my pure Angular JS application. When I run it on my local machine it works fine.</p>
  <p>The moment I deploy it to my server, Chrome displays this error message along with the below error:</p>
  <blockquote>
  <p>Refused to load the style 'bootstrap.min.css' because it violates the
  following Content Security Policy directive: &quot;style-src 'self'&quot;.</p>
  <p>Blocked script execution in
  'dashboard.html'
  because the document's frame is sandboxed and the 'allow-scripts'
  permission is not set.</p>
  </blockquote>
  <p>I'm not invoking the page from a 3rd party site or elsewhere which could possibly inject my source &amp; make it appear in a iframe. I inspected the code &amp; I can confirm there are no iframes at all.</p>
  <p>BTW, I use a very old version of Chrome (26) and Firefox (10) [Organisational restrictions]. This happens on IE11 as well (Though no error message displayed) the page doesn't load up.</p>
  <p>What could be causing this ? Am I missing anything here ? Any pointers would be greatly appreciated.</p>
  <p>Below is a snapshot of what I'm trying to do... Trivial parts trimmed out..</p>
  <pre><code>&lt;html lang=&quot;en&quot; ng-app=&quot;dashboard&quot;&gt;
     &lt;head&gt;
        &lt;title&gt;Dashboard&lt;/title&gt;
        &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
        &lt;script src=&quot;js/jquery.min.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;js/angular.min.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;js/ui-bootstrap-tpls-0.6.0.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;js/notifications.js&quot;&gt;&lt;/script&gt;
        &lt;style&gt;
           body { background-color: #F3F3F4; color: #676a6c; font-size: 13px;}
        &lt;/style&gt;
        &lt;script&gt;
           var dashboardApp = angular.module('dashboard', ['ui.bootstrap', 'notificationHelper']);
           
           Type = {
              APP : 0, CTL : 1
           }
           
           
           function DashboardCtrl($scope, $location, $timeout, $http, $log, $q) {
              $scope.environments = [ { ... }];
              $scope.columns = [ { ... } ];
           
               $scope.Type = window.Type;
              $scope.applications = [{ ... }];
           
              $scope.selectedEnv = null;
           
              var resetModel = function(applications) {
                  applications.forEach(function(app) {
                       var hosts=$scope.findHosts(app, $scope.selectedEnv);
                       if(hosts){
                           hosts.forEach(function(host){
                               $scope.initStatus(app.status,host);
                           });
                       }
                  });
              };
           
              var timeoutPromise = null;
           
               $scope.initStatus = function (status,host) {
                   status[host]=[{
                       ...
                   }];
           
               };             
           }
           
        &lt;/script&gt;
     &lt;/head&gt;
     &lt;body ng-controller=&quot;DashboardCtrl&quot;&gt;
        &lt;div class=&quot;request-notifications&quot; ng-notifications&gt;&lt;/div&gt;
        &lt;div&gt;
           &lt;tabset&gt;
              &lt;tab ng-repeat=&quot;env in environments&quot; heading=&quot;{{env.name}}&quot; select=&quot;set(env)&quot; active=&quot;env.tab_active&quot;&gt;
                 &lt;div class=&quot;col-md-6&quot; ng-repeat=&quot;column in columns&quot; ng-class=&quot;{'vertical-seperator':$first}&quot;&gt;
                    &lt;div class=&quot;panel&quot; ng-class=&quot;{'first-child':$first}&quot;&gt;
                       &lt;div class=&quot;panel-heading&quot;&gt;
                          &lt;h3&gt;{{column.column}}&lt;/h3&gt;
                       &lt;/div&gt;
                       &lt;div class=&quot;panel-body&quot;&gt;
                          &lt;div class=&quot;frontends&quot; ng-repeat=&quot;layer in column.layers&quot;&gt;
                             &lt;h4&gt;{{layer.name}}&lt;/h4&gt;
                             &lt;div class=&quot;category&quot; ng-repeat=&quot;category in layer.categories&quot; ng-class=&quot;category.css&quot;&gt;
                                &lt;div class=&quot;category-heading&quot;&gt;
                                   &lt;h4&gt;{{category.name}}&lt;/h4&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;category-body group&quot; ng-repeat=&quot;group in category.groups&quot;&gt;
                                   &lt;div ng-if=&quot;!env[group.host]&quot;&gt;
                                      &lt;h4&gt;{{group.name}}&lt;/h4&gt;
                                      &lt;span class=&quot;label label-danger&quot;&gt;Not deployed&lt;/span&gt;
                                   &lt;/div&gt;
                                   &lt;div ng-repeat=&quot;host in env[group.host]&quot;&gt;
                                      &lt;div class=&quot;group-info&quot;&gt;
                                         &lt;div class=&quot;group-name&quot;&gt;{{group.name}}&lt;/div&gt;
                                         &lt;div class=&quot;group-node&quot;&gt;&lt;strong&gt;Node : &lt;/strong&gt;{{host}}&lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;table class=&quot;table table-striped&quot;&gt;
                                         &lt;thead&gt;
                                            &lt;tr&gt;
                                               ...
                                            &lt;/tr&gt;
                                         &lt;/thead&gt;
                                         &lt;tbody&gt;
                                            &lt;tr class=&quot;testStatusPage&quot; ng-repeat=&quot;app in apps | filter: { column: column.column, layer: layer.name, category: category.name, group: group.name } : true&quot;&gt;
                                               &lt;!-- Application Home Links --&gt;
                                               &lt;td class=&quot;user-link&quot; ng-if=&quot;app.type === Type.A || app.type === Type.A1 || app.type === Type.B || app.type === Type.B1 || app.type === Type.C&quot;&gt;&lt;a href=&quot;{{app.link}}&quot;&gt;{{app.text}}&lt;/a&gt;&lt;/td&gt;                                                                                          &lt;td ng-if=&quot;app.status[host].statusCode == 0&quot; class=&quot;result statusResult&quot;&gt;&lt;span class=&quot;label label-success&quot;&gt;Success&lt;/span&gt;&lt;/td&gt;
                                               &lt;td ng-if=&quot;app.status[svr].status != null &amp;&amp; app.status[host].status != 0&quot; class=&quot;result statusResult&quot;&gt;&lt;span class=&quot;label label-danger&quot;&gt;{{app.status[host].error}}&lt;/span&gt;&lt;/td&gt;
                                            &lt;/tr&gt;
                                         &lt;/tbody&gt;
                                      &lt;/table&gt;
                                   &lt;/div&gt;
                                &lt;/div&gt;
                             &lt;/div&gt;
                          &lt;/div&gt;
                       &lt;/div&gt;
                    &lt;/div&gt;
                 &lt;/div&gt;
              &lt;/tab&gt;
           &lt;/tabset&gt;
        &lt;/div&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>