如何修复Chrome扩展程序中的“ Chrome内容安全策略指令”

Question

我正在创建一个Chrome扩展程序，该扩展程序使用JQuery通过ajax调用来访问Wikipedia的API。我已经在扩展的本地js文件夹中包含了JQuery的副本。在弹出窗口中，我有一个输入，我取了那个值，并在popup.js中执行了一个get请求，并且我得到了“拒绝加载脚本，因为它违反了以下内容安全策略指令：” script-src'self'blob ：：filesystem：chrome-extension-resource：“。请注意，未明确设置'script-src-elem'，因此将'script-src'用作备用。”

我在WebRequest and <all_urls>文件的权限中设置了manifest.json。这是清单中我的权限：

"permissions": [
    "tabs",
    "webNavigation",
    "webRequest",
    "<all_urls>",
    "https://en.wikipedia.org/*"
  ],
我看到添加"content_security_policy": "script-src-elem 'self' https://www.wikipedia.org/"会使其更容易，但是并不能解决问题。 

$('#urlCopyButton').click(function search() {
    var searchWord = document.querySelector('#searchWord').value;
    console.log(searchWord);
    var results = [];


$.ajax({
          crossDomain: true,
          header: 'Access-Control-Allow-Origin',
          url:`https://en.wikipedia.org/w/api.php?action=opensearch&format=json&maxlag=5&search=${searchWord}&callback=?`,
          type: 'GET',
          dataType: 'json',
          beforeSend: function(xhr){xhr.setRequestHeader('https://en.wikipedia.org', 'https://en.wikipedia.org');},
          success: (data) => {
              $("#output").html("");
            var i =0;
            for (var i = 0; i < data[1].length; i++) {
              $("#output").append(`<li><a href= "${data[3][i]  } ">${data[1][i] + " " + data[2][i]}<a></li>`);
            }
            console.log(data);
          },
          error: (err) =>{
            console.log(err.responseJSON);
          }


      })
}）

我希望它会成功，并且控制台中的数据会增加，但不是这样会引发此错误：

拒绝加载脚本'https://en.wikipedia.org/w/api.php?action=opensearch&format=json&maxlag=5&search=dfa&callback=jQuery33108394586597996985_1549655186216&_=1549655186217'，因为它违反了以下内容安全策略指令：“ script-src'self'blob：filesystem：chrome-extension-resource：”。请注意，未明确设置“ script-src-elem”，因此将“ script-src”用作后备。

发送@ jquery.js：2“

我正在创建一个Chrome扩展程序，该扩展程序使用JQuery通过ajax调用来访问Wikipedia的API。我已经在扩展的本地js文件夹中包含了JQuery的副本。在弹出窗口中，我有一个输入，然后输入...

Answer 1

Wikipedia的callback=?参数是一种古老的破解方法，可将dataType: 'json'作为脚本加载，默认情况下，扩展名中的CSP禁止使用。尽管许多现有的答案都建议放宽默认扩展名CSP，但这显然是一个糟糕的解决方案，无法将扩展名引入各种远程攻击（如MitM）。

只需删除&callback=?参数，以便Wikipedia默认返回有效的JSON。