当通过ChromeStore安装时，图片无法在Chrome扩展程序中加载

我在webstore中已有几个月的Chrome扩展，并且它一直在完美地运行。最近，我改变了用户界面，并在扩展中添加了几个新的图像。我在清单文件的“web_accessible_resources”属性中添加了图像文件夹。 "src/lib/imgs/*"当通过ChromeStore安装时，图片无法在Chrome扩展程序中加载

问题是：当用户通过Chrome商店安装扩展程序时，某些图像加载失败，我不知道为什么。所有图像都在同一个文件夹中。有些作品，有些则没有。我自己有Chrome开发者版本。

我很确定所有的图片上传都很好。我有铬版本43.0.2357.134 dev-m，当我从chrome webstore安装它时，它工作正常。但是，当我在我的不同的笔记本电脑上安装相同的插件，该笔记本电脑的版本为43.0.2357.134米。

通过使用此插件https://chrome.google.com/webstore/detail/chrome-extension-source-v/jifpbeccnghkjeaalbbjmodiffmgedin?utm_source=chrome-app-launcher-info-dialog我可以在chrome存储中看到我的扩展的源文件，并且所有文件都在那里。

有没有人有任何建议或任何想法这可能是什么问题？如果我的问题不清楚，或者您需要更多信息来了解此问题，请告诉我们。

下面是测试版，如果你想尝试的插件：chrome.google.com/webstore/detail/cpacflpjhonhpgpjkbilfblopejajlai/（您可以申请使用任何虚假电子邮件地址） - 请注意，一旦问题解决了我都会有这样的测试版从商店中删除。

感谢，

来源

2015-07-20 AR_HZ

经过调研4天，我遇到了这个答案https://stackoverflow.com/a/30715572/2241100

因为，我的浏览器扩展程序并没有指向我正确的方向，我不得不手动通过每在我的脑海中执行脚本，最终我在弹出窗口中找到了这一行。js

$('#atomic_insights').attr('src', chrome.extension.getURL("src/lib/imgs//atomicinsights.png"));

我很幸运地注意到文件名前的双斜杠（//）。就是这样！

现在，我想知道为什么这段代码在开发人员模式下工作？为什么当我从本地安装它时，它并没有在开发者模式中抛出相同的错误？为什么Chrome从未指出我有关此错误的正确文件和行号。这是Chrome的错误还是有其他解释？

我对上述任何问题都没有答案。由于我发现了错误，我将继续向前发展。再次感谢@ZigMandel和@Xan的所有帮助。

来源

2015-07-23 15:12:33

解释为什么它在开发中的工作是在你的链接答案。铬检查仅在已发布的扩展中完成，否则商店中无法与之进行比较。 –

，以确保你应该列出你的文件和清单，但生病做一个猜想：你可能在你的图像名称不一致的情况。因为文件在不同的操作系统中有不同的大小写规则，所以可以在其他一些操作系统上运行。尝试在文件和源参考中以小写形式设置所有图像名称。还要确保你没有使用保留字符。检查Windows Mac和Linux特殊字符规则。

来源

2015-07-20 21:19:04

确实情况似乎是这样（原谅双关语）。它在文件间不一致。 – Xan

感谢Zig和Xan回复。我将所有文件重命名为小写，但仍然面临同样的问题。以下是它在控制台中的外观： 'GET chrome-extension：//cpacflpjhonhpgpjkbilfblopejajlai/src/lib/imgs/aw_audienceheart_knowledge.png net :: ERR_FAILED' –

显示完整的相关代码/ html/manifest –

我想我在发布Zig Mandal的评论时可能会发现问题。

看看我在这里发布的失败图片。 GET chrome-extension://cpacflpjhonhpgpjkbilfblopejajlai/src/lib/imgs/aw_audiencehear‌t_knowledge.png net::ERR_FAILED

当我试图将文件名aw_audiencehear‌t_knowledge.png转换为ascii值。我发现在“心脏”这个词的后面有一些隐藏的字符。

复制粘贴文件名在http://asciivalue.com/index.php，你会看到它。

我不确定是什么类型的字符。它纯粹是无形的，它不是一个普通的空间。我将检查所有文件名，看看是否有隐藏的字符，并逐一删除它们。一旦我完全解决这个问题，我会更新这个。

如果你们有任何关于此的信息，请更新这篇文章。再次

感谢您的帮助:)

来源

2015-07-21 16:31:01

仅供参考：以上解决方案并未解决最初的问题。 –

当通过ChromeStore安装时，图片无法在Chrome扩展程序中加载

回答

相关问题