首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当从content-script引用时,来自扩展的图像显示为断开的链接

当从content-script引用时,来自扩展的图像显示为断开的链接
EN

Stack Overflow用户
提问于 2012-03-30 00:54:21
回答 3查看 1.4K关注 0票数 2

我为Chrome扩展写了一个小的内容脚本,它在网页中插入一个图像,但当我观看一个处理过的网页时,图像看起来就像是链接断开了一样。

该图像位于我的Chrome扩展的根目录中。我使用的是扩展API中的getURL函数:

代码语言:javascript
运行
复制
$('<div class="my-image"><img src=' +
    chrome.extension.getURL("icon16.png") +
    ' />This is my image</div>');

当我检查网页时,我看到URL是:

代码语言:javascript
运行
复制
<img src="chrome-extension://cemgjkpboohlaaccmholgleljodgecod/icon16.png">

我不知道我做错了什么。请帮帮我,我被卡住了,一无所知。

编辑:注意:该链接确实是正确的,因为当我单击“在新选项卡中打开图像”时,图标显示正确。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-04-14 13:50:10

这是什么样的答案?“使用旧的清单,你就可以使用了”,当然是使用最新的!老了就是老了。它已经贬值了。

阅读文档:https://developer.chrome.com/extensions/content_scripts#extension-files

您可以将扩展的文件与清单2一起使用。

代码语言:javascript
运行
复制
//Code for displaying <extensionDir>/images/myimage.png:
var imgURL = chrome.extension.getURL("images/myimage.png");
document.getElementById("someImage").src = imgURL;

此外,您还必须添加您的图像到web_accessible_resources,您将使用外部扩展,例如内容脚本将其插入到某个用户的网站:https://developer.chrome.com/extensions/manifest/web_accessible_resources

manifest.json:

代码语言:javascript
运行
复制
{
  ...
  "web_accessible_resources": [
    "images/*.png",
    "style/double-rainbow.css",
    "script/double-rainbow.js",
    "script/main.js",
    "templates/*"
  ],
  ...
}
票数 2
EN

Stack Overflow用户

发布于 2012-04-22 06:35:47

您可以将清单版本降级到弃用版本(使用1而不是2),但在v2世界中,您应该通过使用web_accessible_resources将您打算嵌入到页面中的资产列入白名单,如here所述。

这是因为清单v2中资产的默认可用性发生了变化:

默认可用性

默认情况下,使用manifest_version 2或更高版本的包中的资源是被阻止的,并且必须被列入白名单才能通过此属性使用。

票数 4
EN

Stack Overflow用户

发布于 2012-04-01 07:30:49

正如PAEz建议的那样,问题是我的清单中有"manifest_version" : 2

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9929899

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档