Question

在Firefox中，损坏的图像只显示为空白区域。在白色背景上，无法区分无图像和损坏图像。这使得识别破碎图像难以识别并使其无法修正。

如何使破碎的图像像在Internet Explorer中一样生成X？

Answer 1

我知道这个问题是在不久前被问到的，但我前一段时间写了一篇关于这个问题的博文，认为如果有人遇到这个问题可能值adding a link。

编辑09/12/2013：

KatieK在答案中直接添加信息时提出了一个很好的观点，以下是完成此工作所需的步骤，仍然与截至2013年12月的最新夜间版本相关（v28a2）

1）在地址栏中输入 about：config 并接受警告

2）搜索 browser.display.show_image_placeholders 并设置为 true

3）在您的Fx个人资料文件夹中搜索 UserContent-example.css 并将其重命名为 UserContent.css （如果示例文件不存在，您可以创建它）

4）将以下css添加到UserContent.css并重新启动Firefox

/* Enable image placeholders */
@-moz-document url-prefix(http), url-prefix(file) {
  img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }
}

Answer 2

在Firefox中显示损坏的图片图标的最佳解决方案 - 安装 Greasemonkey （https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/）并安装破碎的图片图标脚本（http://userscripts.org/scripts/show/104265）

Answer 3

更好的是，从Mozilla附加组件网站获取Web Developer Toolbar。安装完成后，只需转到图片＆gt;找到破碎的图像。

Answer 4

所有解决方案都运作良好。只有图像将被破坏的另一种情况和不同的解决方案。

您热链接图片。您无法控制最终将返回404并希望向用户显示内容的图像。你可以用css和显示的图像的正确宽度/高度来防止。

// html code
<img class="external" src="http://externalserver.com/image.jpeg" width="300" height="200" />

// css
.external {
    background: url(path-to-file);
    -moz-force-broken-image-icon: 1; /* to make FF show the image */
}

您的背景文件会有一个十字或文字，表示图片不再可用。只是一个想法。

希望它有所帮助。

Answer 5

更好的解决方案可能是捕获返回404 Not Found Error的图像请求。

在Firefox中，您可以使用Firebug查看浏览器发出的所有HTTP请求。任何丢失的文件都会在列表中显示为红色。要在Internet Explorer中实现相同功能，您可以使用Microsoft的Fiddler工具。

Answer 6

我在FF遇到问题，但在我确信包含图像时错过了检查。由于图像没有上传到文件夹或其他原因，并没有检测到这一点，FF没有说任何由于空的alt。我在这里发布了解决方案：http://www.satya-weblog.com/2010/07/display-broken-images-in-firefox.html

Answer 7

此附加组件通过扫描当前访问的网站及其所有嵌入式样式表来检测不可用的图像：

https://addons.mozilla.org/de/firefox/addon/broken-image-finder/

Firefox显示破碎的图像

7 个答案: