Jquery ui Chrome Ext和JQuery资源必须列在web_accessible_Resources manifest键中，才能由扩展之外的页面加载

我的Chrome扩展将jquery-1.8.3.min.js、jquery-ui.js和jquery-ui-base64.css加载到内容脚本中。
我在内容脚本中使用它们，而不是在背景脚本中使用它们。
我（我认为）将配置设置正确，但当我在控制台中看到错误时，我发现错误 我可以很好地看到窗口中的图标，但我仍然在Chrome窗口中看到错误。
使用版本23.0.1271.95 m的chrome im中是否存在缺陷

这是马尼菲斯特：

{
"name":"Sample communication from content to background",
"description":"This is a sample for Simulating communication from content to background",
"manifest_version":2,
"version":"2",
"background":{
    "scripts":["background.js"]
},
"content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["jquery-1.8.3.min.js","jquery-ui.js","client.js"],
      "run_at":"document_end",
      "all_frames": true,
      "css":["jquery-ui-base64.css"]
    }
  ],
"web_accessible_resources": [
    "client.js","jquery-1.8.3.min.js","jquery-ui.js","jquery-ui-base64.css",
    "images/ui-bg_flat_0_aaaaaa_40x100.png",
    "images/ui-bg_flat_75_ffffff_40x100.png",
    "images/ui-bg_glass_55_fbf9ee_1x400.png",
    "images/ui-bg_glass_65_ffffff_1x400.png",
    "images/ui-bg_glass_75_dadada_1x400.png",
    "images/ui-bg_glass_75_e6e6e6_1x400.png",
    "images/ui-bg_glass_95_fef1ec_1x400.png",
    "images/ui-bg_highlight-soft_75_cccccc_1x100.png",
    "images/ui-icons_222222_256x240.png",
    "images/ui-icons_2e83ff_256x240.png",
    "images/ui-icons_454545_256x240.png",
    "images/ui-icons_888888_256x240.png",
    "images/ui-icons_cd0a0a_256x240.png"
  ],
"permissions": [ 
        "unlimitedStorage",
        "http://*/",
        "<all_urls>",
        "tabs"
   ]
}

但我还是有错误：

Denying load of chrome-extension://mmoccjinakdjcmhjdjghhjnihbfkkgkp/chrome-extension://mmoccjinakdjcmhjdjghhjnihbfkkgkp/images/ui-bg_flat_75_ffffff_40x100.png. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.
Denying load of chrome-extension://mmoccjinakdjcmhjdjghhjnihbfkkgkp/chrome-extension://mmoccjinakdjcmhjdjghhjnihbfkkgkp/images/ui-bg_highlight-soft_75_cccccc_1x100.png. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

图像在图像目录中，我可以看到我创建的JQuery对话框中的图标。

编辑1）

以下代码适用于所有与后台\扩展相关的DOM和css

manifest.json

定义了所有权限的简单json结构

popup.html

浏览器操作弹出窗口的链接样式表

如果仍然失败，请告诉我

编辑2）

用于通过内容注入图像

解决方案a）

使用，可以将图像转换为base64字符串，并可以将其用作

{背景图像：url（数据：image/png；base64，iVBORw……。}

解决方案b）

以下代码将不起作用，因为

{
background-image:url(chrome.extension.getURL('img/icon.jpg'));
}

未为css定义

因此，我使用js注入背景图像\任何图像URL（因为它们有动态URL）

manifest.json

具有为内容脚本和css定义的所有权限的简单json结构

样式。css

注入另一个css以细化注入的div

输出

注入后从Google页面截取的屏幕截图

如果需要更多信息或失败，请告诉我。

编辑1）

以下代码适用于所有与后台\扩展相关的DOM和css

manifest.json

定义了所有权限的简单json结构

popup.html

浏览器操作弹出窗口的链接样式表

如果仍然失败，请告诉我

编辑2）

用于通过内容注入图像

解决方案a）

使用，可以将图像转换为base64字符串，并可以将其用作

{背景图像：url（数据：image/png；base64，iVBORw……。}

解决方案b）

以下代码将不起作用，因为

{
background-image:url(chrome.extension.getURL('img/icon.jpg'));
}

未为css定义

因此，我使用js注入背景图像\任何图像URL（因为它们有动态URL）

manifest.json

具有为内容脚本和css定义的所有权限的简单json结构

样式。css

注入另一个css以细化注入的div

输出

注入后从Google页面截取的屏幕截图

---

如果您需要更多信息或者失败了，请告诉我。

好吧，我不想说全部内容都在脚本中backgound@user63898：我已在

编辑2中更新了我的建议。

请告诉我您的建议views@user63898作为参考，此问题与此问题相关。。。但这并不重要，因为答案相当简单。。。更改

url（chrome）-extension://__MSG_@@扩展\u id\u\u/chrome-extension://__MSG_@@扩展名\u id\uuuu/images/ui-bg\u flat\u 75\uffffff\u 40x100.png）

到

url（chrome-extension://__MSG_@@扩展名\u id\uuu/images/ui-bg\u flat\u 75\uffffff\u 40x100.png）

和另一个类似wise（此处不使用enoguh字符）。注意到区别了吗？你把

chrome-extension://__MSG_@@出于某种原因，在url中添加了两次扩展名\u id\u

。@PAEz谢谢！我怎么能在这里给你投票或其他什么答案呢？@user63898很酷，不用担心分数，很高兴能帮上忙。好吧，我不想说这都是内容脚本，不是吗backgound@user63898：我已在

编辑2中更新了我的建议。

请告诉我您的建议views@user63898作为参考，此问题与此问题相关。。。但这并不重要，因为答案相当简单。。。更改

url（chrome）-extension://__MSG_@@扩展\u id\u\u/chrome-extension://__MSG_@@扩展名\u id\uuuu/images/ui-bg\u flat\u 75\uffffff\u 40x100.png）

到

url（chrome-extension://__MSG_@@扩展名\u id\uuu/images/ui-bg\u flat\u 75\uffffff\u 40x100.png）

和另一个类似wise（此处不使用enoguh字符）。注意到区别了吗？你把

chrome-extension://__MSG_@@出于某种原因，在url中添加了两次扩展名\u id\u

。@PAEz谢谢！我怎样才能在这里给你投票或者其他什么来获得答案？@user63898很酷，不用担心分数，很乐意帮忙。

<html>
<head>
<link rel="stylesheet" href="styles.css"></link>
</head>
<body>
</body>
</html>

body{
    width : 500px;
    height: 500px;
    background-image: url('img/icon.jpg');
}

{
background-image:url(chrome.extension.getURL('img/icon.jpg'));
}

{
"name": "My extension",
"version": "1.0",
"permissions": [
    "http://*/*", "tabs", "https://*/*"
],
 "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js":["content.js"],
      "css": ["styles.css"]
    }
  ],
"web_accessible_resources": [
    "img/icon.jpg"
],  
"manifest_version": 2
}

var newdiv = document.createElement('div');
newdiv.setAttribute("id", "moot450");
document.body.appendChild(newdiv);
document.getElementById('moot450').style.backgroundImage = "url(" + chrome.extension.getURL('img/icon.jpg') + ")";

#moot450{
    position:absolute; 
    width:500px;
    height:500px;
    /*background-image:url(chrome-extension://faaligkhohdchiijdkcokpefpancidoo/img/icon.jpg);*/
}