6

在 Firefox 中，损坏的图像仅显示为空白区域。在白色背景上，无法区分无图像和损坏的图像。这使得识别损坏的图像变得难以识别，并使它们未经校正。

如何使损坏的图像像在 Internet Explorer 中一样产生 X？

4

7 回答 7

18

我知道不久前有人问过这个问题，但不久前我写了一篇关于这个问题的博客文章，并认为添加一个链接可能是值得的，以防万一有人遇到它。

编辑 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;
  }
}
于 2011-01-17T17:17:02.553 回答
4

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

于 2012-02-08T01:11:58.147 回答
3

更好的是，从 Mozilla Add-ons 站点获取Web Developer Toolbar 。安装后，只需转到图像 > 查找损坏的图像。

于 2009-11-08T00:49:01.937 回答
2

给出的所有解决方案都运行良好。还有另一种图像会被破坏的情况和不同的解决方案。

你热链接图像。您无法控制最终将返回 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 */
}

并且您的背景文件将有一个叉号或一个文本，表示该图像不再可用。只是一个想法。

希望能帮助到你。

于 2009-11-08T01:26:59.380 回答
0

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

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

于 2009-11-08T00:46:25.390 回答
0

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

于 2010-07-20T09:41:25.677 回答
0

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

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

于 2013-02-02T11:19:13.483 回答