无法在Chrome下加载资源

Question

网页中有一堆图像.

其他浏览器正在正确下载它们,但Chrome不会加载它们.

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

无法加载资源

此问题仅出现在Chrome中.

它是什么？

Answer 1

我最近遇到了这个问题并发现它是由"Adblock"扩展引起的(我最好的猜测是因为我在文件名中有"banner"和"ad"字样).

作为快速测试,看看这是否是您的问题,请以隐身模式启动Chrome,并停用扩展程序(ctrl+ shift+n),然后查看您的网页是否正常运行.请注意,默认情况下,除非您专门将其设置为运行(通过chrome://extensions),否则所有扩展程序都将在隐身模式下禁用.

Answer 2

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

Answer 3

如果它可以帮助任何人,我有完全相同的问题,并发现它是由"Do Not Track Plus"Chrome扩展程序(版本2.0.8)引起的.当我禁用该扩展时,加载的图像没有错误.

Answer 4

还可以选择关闭网络资源的缓存.这可能是开发环境的最佳选择.

1. 右键单击chrome
2. 去'检查元素'
3. 在顶部的某处查找"网络"选项卡.点击它.
4. 选中"禁用缓存"复选框.

Answer 5

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

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

这让AdBlock绊倒了.这对我来说不是一个跨域问题,它在localhost和web上都失败了.

我正在使用Chrome的网络选项卡来调试并找到这些无法加载的特定图像的非常令人困惑的结果.第一个请求将不返回任何响应(状态"(待定)").在后面的行中,有第二个请求列出了原始URL,然后"重定向"作为启动器.重定向请求标头全部用于这个相同的base64编码数据的短行,并且每个都没有返回响应,尽管状态为"Successful":

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有关.将其关闭和/或重命名您的图像文件.

此外,由于AdBlock创建的内联CSS,我的促销滑块的布局被抛弃了.虽然我在找到Kabir的解决方案之前能够解决CSS的布局问题,但CSS有点不必要,并且影响了滑块处理多种尺寸图像的灵活性.

我想这一课是:小心你的图像命名.这些图像并非恶意或令人讨厌,因为它们以不引人注目的方式向访问者提醒当前的促销和特价.

Answer 6

如果图像是通过ASP生成的Response.Write(),请确保不要拨打电话Response.Close();.Chrome不喜欢它.