当前位置：文江博客话题详情

Firefox 显示损坏的图像

发布于 2024-08-11 00:23:06 字数 121 浏览 2 评论 0原文

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

空城缀染半城烟沙 2024-08-18 00:23:06

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

编辑 09/12/2013：

KatieK 在下面提出了关于直接在答案中添加信息的好观点，以下是使其正常工作所需的步骤，在截至 2013 年 12 月 (v28a2) 的最新夜间构建中仍然相关

1) 类型 <将 Strong>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;
  }
}

I know this question was asked a while ago but I wrote a blog post on this issue a while back and thought it might be worth adding a link in case anyone falls across it.

Edit 09/12/2013:

KatieK made a good point below about adding the information directly in the answer, here are the required steps to get this working, still relevant in the latest nightly build as of Dec 2013 (v28a2)

1) type about:config into your address bar and accept the warning

2) search for browser.display.show_image_placeholders and set to true

3) search your Fx profile folder for UserContent-example.css and rename it to UserContent.css (if the example file doesnt exists you can just create it)

4) add the following css to your UserContent.css and restart 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;
  }
}

回复收藏 0 原文

把回忆走一遍 2024-08-18 00:23:06

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

回复收藏 0 原文

长发绾君心 2024-08-18 00:23:06

更好的是，从 Mozilla 附加组件中获取 Web 开发人员工具栏地点。安装完成后，只需转到“图像”>“找到破损的图像。

回复收藏 0 原文

半衾梦 2024-08-18 00:23:06

给出的所有解决方案都运行良好。只是另一种情况会导致图像损坏以及不同的解决方案。

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

您的背景文件将有一个十字或一条文字，说明该图像不再可用。只是一个想法。

希望有帮助。

All solutions given work well. There is just another situation where images will be broken and a different solution.

You hot-link images. You have no control on the images that will eventually return a 404 and want to display something to the user. That you can prevent with css and with the correct width/height of the image on display.

// 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 */
}

And your background file would have a cross or a text saying that the image is not available anymore. Just a thought.

Hope it helps.

回复收藏 0 原文

jJeQQOZ5 2024-08-18 00:23:06

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

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

回复收藏 0 原文

梦里兽 2024-08-18 00:23:06

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

回复收藏 0 原文