【发布时间】：2010-12-14 06:36:27
【问题描述】：
在 Firefox 中，损坏的图像仅显示为空白区域。在白色背景上，无法区分无图像和损坏的图像。这使得识别损坏的图像变得难以识别，并且使它们未经校正。
如何使损坏的图像像在 Internet Explorer 中一样产生 X？
【问题讨论】：
标签： html image firefox broken-links
【发布时间】：2010-12-14 06:36:27
【问题描述】：
我知道不久前有人问过这个问题，但不久前我写了一篇关于这个问题的博文，并认为如果有人遇到它，可能值得adding a link。
编辑 2013 年 9 月 12 日：
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;
}
}
【讨论】：
-
这就是答案！现在我可以找到损坏的图像。谢谢！
-
我在我的个人资料文件夹中创建了一个“UserContent.css”文件，但这不起作用。我发现我需要在我的个人资料文件夹中创建一个“chrome”文件夹并将“UserContent.css”文件放在那里。之后，它起作用了。
-
有没有办法仍然在损坏的图标旁边显示替代文本？
在 Firefox 中显示损坏的图像图标的最佳解决方案 - 安装 Greasemonkey (https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/) 并安装 Broken Image Icon Script (http://userscripts.org/scripts/show/104265)
【讨论】：
更好的是，从 Mozilla 附加组件网站获取 Web Developer Toolbar。安装后，只需转到图像 > 查找损坏的图像。
【讨论】：
-
我已经有了 Web 开发人员工具栏，这很有效，但我一直在寻找一种解决方案，可以让图像明显损坏，而不必明确选择菜单选项。我希望向我突出显示损坏的图像，而不是我必须请求某些内容。
给出的所有解决方案都运行良好。只有另一种图像会损坏的情况和不同的解决方案。
你热链接图片。您无法控制最终将返回 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 */
}
并且您的背景文件会带有一个叉号或一个文本，表示该图像不再可用。只是一个想法。
希望对你有帮助。
【讨论】：
-
如果图像损坏，Firefox 会忽略宽度和高度 - 它会改为在 Alt 标记中显示文本。
-
@user961333 true...在FF上你必须使用
-moz-force-broken-image-icon: 1。您可以在站点范围内或针对特定图像执行此操作。相应地更新了答案。谢谢。
更好的解决方案可能是捕获返回 404 Not Found 错误的图像请求。
在 Firefox 中，您可以使用 Firebug 查看浏览器发出的所有 HTTP 请求。任何丢失的文件都将在列表中显示为红色。要在 Internet Explorer 中实现相同的功能，您可以使用 Microsoft 的 Fiddler 工具。
【讨论】：
我在 FF 中遇到了问题，并且在我确信包含图像时错过了检查。由于图像未上传到文件夹或其他原因而未检测到，并且由于 alt 为空，FF 没有说任何话。 在这里我已经发布了解决方案：http://www.satya-weblog.com/2010/07/display-broken-images-in-firefox.html
【讨论】：
此插件通过扫描当前访问的网站及其所有嵌入的样式表来检测不可用的图像：
https://addons.mozilla.org/de/firefox/addon/broken-image-finder/
【讨论】：