Chrome扩展程序拒绝加载Jquery脚本/进行JSON调用

colej4586

尝试在这里创建我的第一个Chrome扩展程序的新手。我已经通过在浏览器中调用.JS文件的普通.html文件中打开JQuery和html代码来运行它,从而验证了我的JQuery和html代码是否正常运行。

但是,似乎是由于CSP问题,具有相同代码的Chrome扩展程序无法运行。(我通过https在我的html中调用ajax库)

Refused to load the script
'http://www.reddit.com/r/abandonedporn/.json?jsonp=jQuery111307901595502626151_1438751974832&_=1438751974833'
because it violates the following Content Security Policy directive: 
"script-src'self' https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js". send @ library.js:5

我已经修改了我认为必要的所有最后一件东西的manifest.json文件,其中包括:

{"content_security_policy": "script-src 'self' https://ajax.googleapis.com/*; object-src 'self'"},

"permissions": [
"http://www.reddit.com/r/abandonedporn/.json?jsonp=?",
"http://www.reddit.com/*", "https://www.reddit.com/*",
"http://www.reddit.com/r/abandonedporn/",
"https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js/",
"http://www.reddit.com/r/abandonedporn/.json?jsonp=jQuery111309090442832093686_1438671168851&_=1438671168852",
"http://*/*", "https://*/*",
"http://reddit.com/json*",
"http://www.reddit.com/r/abandonedporn/*"],

"content_scripts": [
{
  "matches": [
    "https://www.google.com/*",
    "http://www.reddit.com/abandonedporn/*"
  ],
  "js": [
    "src/inject/inject.js",
    "src/content.js",
    "src/override/get_pics.js",
    "src/override/get_pics2.js",
    "src/override/library.js"

   ]
  }
 ]
}

最后,我实际的Jquery脚本:(请注意,将“ .getJSON”更改为“ .getScript”并没有帮助。)

document.addEventListener('DOMContentLoaded', function () {

  $.getJSON("http://www.reddit.com/r/abandonedporn/.json?jsonp=?",   function(data) { 

$.each(data.data.children, function(i,item){

      $("<img/>").attr("src", item.data.url).appendTo("#images");

      });

   });

});
venkat7668

您无法按照google的新CSP加载chrome扩展程序中的外部(CDN)脚本文件。您需要打包所有资源,下载jquery并从包中访问。改为使用“ jquery.min.js” CDN-URL / jquery.min.js。这是详细

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Chrome扩展程序-脚本加载事件?

由于Content Security Policy指令,扩展程序拒绝加载脚本

Chrome扩展程序窗口加载jQuery

Chrome扩展程序错误加载jQuery

Chrome扩展程序:加载所有其他页面脚本后运行扩展程序的脚本

Chrome扩展程序-在URL更新上加载内容脚本

Chrome扩展程序,如何延迟脚本,直到页面完全加载

从注入的脚本中获取Chrome扩展程序调用函数

Chrome扩展程序:需要时调用内容脚本

为什么当我包含建议的安全替代项时,脚本拒绝加载到Google Analytics(分析)Chrome扩展程序中?

Chrome扩展程序中的Dropbox API:拒绝加载chrome-extension:// [...]

允许在Chrome扩展程序内容脚本中使用jQuery

Chrome 网上应用店:扩展程序被拒绝

chrome.runtime.sendMessage在重新加载Chrome扩展程序后从内容脚本抛出异常

Chrome扩展程序:拒绝执行嵌入式脚本,但是没有嵌入式脚本吗?

脚本未加载到 chrome 扩展中

Chrome扩展程序被拒绝:是否禁止从后端获取任何json数据?

Chrome扩展程序使用jQuery获取本地json

chrome扩展程序-使用内容脚本时减少加载时间的最佳方法

Google Chrome扩展程序:页面重新加载后如何立即注入脚本?

Chrome扩展程序-等待页面重新加载以继续执行脚本

chrome扩展程序:页面加载完javascript后运行脚本

使用相对路径时无法加载chrome扩展程序内容脚本

在内容脚本加载到Chrome扩展程序之前,如何避免出现样式错误的内容?

内容脚本未加载图片和FontAwesom图标-Chrome扩展程序

刷新页面后才加载Chrome扩展程序内容脚本

如何使用Chrome扩展程序内容脚本将具有相同域的多个网站进行匹配

Google Chrome扩展程序-脚本注入

Chrome扩展程序后台脚本中的AngularJS