无法在Chrome下加载资源

网页中有一堆图像。

其他浏览器正在正确下载它们，但Chrome无法加载它们。

在开发人员的控制台中，它为每个图像显示以下消息：

无法加载资源

此问题仅在Chrome中出现。

它是什么？

我最近遇到了这个问题，发现它是由“ Adblock”扩展名引起的（我的最佳猜测是因为我在文件名中包含单词“ banner”和“ ad”）。

为了快速查看是否是您的问题，请在隐身模式下禁用扩展名（ctrl+ shift+n）启动Chrome，然后查看您的页面是否可以正常运行。请注意，默认情况下，除非您将它们专门设置为运行（通过chrome://extensions），否则所有扩展名都将在隐身模式下被禁用。

检查网络标签，查看Chrome是否无法下载任何资源文件。

万一它对任何人都有帮助，我会遇到同样的问题，并发现它是由“请勿跟踪Plus” Chrome扩展程序（版本2.0.8）引起的。当我禁用该扩展名时，图像加载没有错误。

还可以选择关闭网络资源的缓存。这对于开发环境可能是最好的。

1. 右键点击Chrome
2. 转到“检查元素”
3. 在顶部某处查找“网络”标签。点击它。
4. 选中“禁用缓存”复选框。

卡比尔的解决方案是正确的。我的图片网址是

/images/ads/homepage/small-banners01.png, 

这使AdBlock崩溃了。对我而言，这不是一个跨域问题，并且在localhost和Web上均失败。

我当时使用Chrome的网络标签进行调试，并为这些无法加载的特定图片找到了非常令人困惑的结果。第一个请求将不返回任何响应（状态“（待处理）”）。稍后，第二个请求列出了原始URL，然后将“重定向”作为发起者。重定向请求标头全部用于相同的以base64编码的数据的短行，尽管状态为“成功”，但每个都未返回响应：

GET      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg== HTTP/1.1

后来我注意到这些内联样式已添加到所有图像元素中：

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

最后，我在控制台中没有收到任何“无法加载资源”消息，而是这样的：

Port error: Could not establish connection. Receiving end does not exist.

如果您发生任何这些事情，则可能与AdBlock有关。将其关闭和/或重命名您的图像文件。

另外，由于内联CSS AdBlock创建，因此我的促销滑块的布局也被取消了。虽然我可以在找到Kabir的解决方案之前使用CSS修复布局问题，但CSS还是不必要的，并且影响了滑块处理多种尺寸图像的灵活性。

我猜得出的教训是：小心命名图像。这些图像并不是恶意的或令人讨厌的，它们以不显眼的方式提醒访问者当前的促销和特价。

如果图像是通过ASP生成的Response.Write()，请确保不要调用Response.Close();。Chrome浏览器不喜欢它。

仅在Chrome（最新版本24.0.1312.57 m）中，并且仅在图像大于html img时，才出现此错误。我正在使用php脚本来输出图像，如下所示：

header('Content-Length: '.strlen($data));
header("Content-type: image/{$ext}");
echo base64_decode($data);

我解决了将图像长度加1的问题：

header('Content-Length: '.strlen($data) + 1);
header("Content-type: image/{$ext}");
echo base64_decode($data);

Chrome似乎不期望正确的字节数。

在Chrome和IE 9中成功进行了测试。希望此帮助。

事实：

• 我已禁用所有插件，但问题仍然存在。
• 在某些站点上，不会发生问题。
• 这是一个已知问题。请参阅问题424599：在PHP页面上打开DevTools时，无法加载资源：net :: ERR_CACHE_MISS错误，并且在Chrome开发者控制台中出现堆栈溢出问题奇异错误-无法加载资源：net :: ERR_CACHE_MISS。

Chrome（适用于Windows）37+中的Reenable（临时）showModalDialog支持暂时解决。

基本上，在注册表中创建一个新字符串

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

在EnableDeprecatedWebPlatformFeatures项下，创建一个字符串值，其名称1为ShowModalDialog_EffectiveUntil20150430。要验证该策略已启用，请访问chrome://policyURL。

仅供参考-我也遇到了这个问题，事实证明，我的html列出了.jpg文件，并带有大写的.JPG，但文件本身是小写的.jpg。可以在本地使用Codekit进行渲染，但是当将其推送到Web时不会加载。只需更改文件名使其具有小写的.jpg扩展名即可与html匹配即可。

在Chrome（金丝雀）中，我未选中“ Appspector”扩展名。那清除了错误。

我将Chrome浏览器更新为最新版本，此问题已修复。

这是由于广告拦截器引起的。当项目文件名包含“ ad”之类的词时，广告拦截器也会阻止这些文件加载​​。

最好的解决方案是永远不要使用这些名称键保存任何文件。